WebTools branding banner, with hammer and wrench tools in background

Official Color Schemes for the State Template

The CA.GOV brand is available in a variety of color schemes. Organizations can choose any of the schemes shown below (regardless of your physical location). The color scheme on a particular page affects the logo and footer. All files related to color schemes are available in the downloads section.

The following color schemes have been tested for accessibility and contrast and are considered the official color schemes for use in the template. Departments are strongly encouraged to use these colors in their web designs. Other exceptions may be allowed on an individual basis with approval from the eServices Office. Requests will be approved in special instances when new color schemes have been rigorously tested for accessibility, proven they are harmonious with the statewide design, or for other reasons. Exemption requests should be sent to info@eservices.ca.gov.

Oceanside
(Default - Design01)

Logo: Oceanside (Default)

 

 default hex colors orange fbad23 and white ffffff default hex colors orange fbad23 and white ffffff
Ocenaside Template
View a sample of the Oceanside Template shown with mini navigation and extra curved footer.

Sierra
(Design02)

Logo: Sierra

 

 default hex colors orange fbad23 and white ffffff default hex colors orange fbad23 and white ffffff
Sierra Template
View a sample of the Sierra Template shown with mega-drop down navigation and extra curved footer.

Santa Barbara
(Design03b)

Logo: Choice 3b Santa Barbara

 

 Choice 3b colors: hex colors dark blue 233b5a and orange b77b01 Choice 3b colors: hex colors dark blue 233b5a lighter blue 014e77 and brown 605746
Santa Barbara Template
View a sample of the Santa Barbara Template with mini navigation and extra curved footer.

Mount Shasta
(Design03g)

Logo: Choice 3b Mount Shasta

 

 Choice 3g colors: hex colors dark blue 253b5a and green 578a66 Choice 3g colors: hex colors dark blue 233b5a green 669966 and dark gray 666666
Mount Shasta Template
View a sample of the Mount Shasta Template with mega-drop down navigation and extra curved footer.

Paso Robles
(Design03r)

Logo: Choice 3r Paso Robles

 

 Choice 3r colors: hex colors dark red 990000 and dark gray 797b7c Choice 3r colors: hex colors dark gray 666666
Paso Robles Template
View a sample of the Paso Robles Template with single navigation and extra curved footer.

Previous State Template Colors

Color Resources Online

  • Color Evaluation Tool (from Stanford University) - Allows you to evaluate the color contrast characteristics of your desired colors.
  • Color Contrast Analyzer Tool (from JuicyStudio.com) - Allows you to check the contrast of two colors using the W3C's color contrast algorithm by specifying the colors directly.
  • Color Schemer Online - Web-safe color scheme creator - requires IE4+.
  • Browser-safe Web Palette - Everything you need to know about web-safe colors. Views available by hue and value.
  • Using Colour on the Web - A brief overview about how to use web safe reds, greens, and blues effectively.