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. Agencies can choose any of the schemes shown below (regardless of your physical location). The color scheme on a particular page affects the logo, navigation and footer. All files related to color schemes are available in the downloads section.

San Francisco

Logo: San Francisco

 

default hex colors dark orange c84b13 and steel blue 697f88 View a Sample of the San Francisco Template

California

Logo: Choice 2 California

 

Choice 2 colors: default hex colors dark orange c84b13 and dark blue 253b5a View a Sample of the California Template

Eureka

Logo: Choice 3 Eureka

 

Choice 3 colors: hex colors gold b77b01 and dark blue 253b5a View a Sample of the Eureka Template

Napa Valley

Logo: Choice 4 Napa Valley

 

Choice 4 colors: hex colors gold b77b01 and medium green 669454 View a Sample of the Napa Valley Template

Monterey

Logo: Choice 5 Monterey

 

 Choice 5 colors: hex colors  medium green 669454 and medium blue 4d7fb2 View a Sample of the Monterey Template

Sacramento

Logo: Choice 6 Sacramento

 

Choice 6 colors: hex colors medium green 669454 and medium blue 4d7fb2 and grey 797a7b View a Sample of the Sacramento Template

Los Angeles

Logo: Choice 7 Los Angeles

 

Choice 7 colors: hex colors grey 797a7b and maroon 911f1f View a Sample of the Los Angeles Template

Santa Cruz

Logo: Choice 8 Santa Cruz

 

Choice 8 colors: hex colors maroon 911f1f and medium blue 335f9e View a Sample of the Santa Cruz Template

San Diego

Logo: Choice 9 San Diego

 

Choice 9 colors: hex colors medium blue 335f9e and green 088110 View a Sample of the San Diego Template

Oakland

Logo: Choice 10 Oakland

 

Choice 10 colors: hex colors green 088110 and grey 697f88 View a Sample of the Oakland Template

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.