Color Palettes

On this page:

Color palettes are used to create 'themes' that sites can select to customize their appearance. Once a palette is selected, site administrators can customize various colors and accents, and the system will take care of ensuring proper matching of light or dark text to maintain proper accessibility standards.

Global Colors

Primary Global Colors

Color Swatch

Soft Black

#000300

  • primary text
  • top of header background
  • top of footer background
Color Swatch

White

#ffffff

  • primary background
  • text on dark background

Links & Buttons

Dark Text (light background)

Default:

(depending on palette)

Color Swatch

Atlantic Storm

#00323b

default green

Color Swatch

Atlanta Blue

#103052

default blue

Link States:
Color Swatch

Sassafras Tint

#99370a

hover

Color Swatch

Red Clay Shade

#9b0101

active

Color Swatch

Dark Grey

#505350

visited

Button:

(hover and active states indicated with gradient)

Color Swatch

Sassafras Tint

#99370a

button background

Light Text (dark background)

Default:
Color Swatch

White

#ffffff

default white

Link States:
Color Swatch

Gold Dome Tint

#e3c475

hover

Color Swatch

Savannah Sunrise Tint

#ffb889

active

Color Swatch

Light Grey

#d3d3d3

visited

Button:

(hover and active states indicated with gradient)

Color Swatch

Gold Dome

#d0ae56

button background

Palette-Specific Variations

The Foundation

Green default links

Background Colors

Color Swatch

Atlantic Storm

#00323b

pair with light text

  • header background
  • navigation background
  • footer background
Color Swatch

Live Oak

#074949

pair with light text

  • footer accent
Color Swatch

Georgia Peach

#ffd5b1

pair with dark text

  • search background
Color Swatch

Warm Neutral Shade

#fae5ca

pair with dark text

Color Swatch

Warm Neutral

#fcecd9

pair with dark text

  • card decoration background
Color Swatch

Warm Neutral Tint

#fff5eb

pair with dark text

Accent Colors

Color Swatch

Savannah Sunrise

#fca375

primary accent

Color Swatch

Macon Red

#fa6833

secondary accent

Color Swatch

Georgia Peach

#ffd5b1

secondary accent

  • icon fill

Peachy Keen

Green default links

Background Colors

Color Swatch

Live Oak

#074949

pair with light text

  • header background
  • navigation background
  • footer background
Color Swatch

Live Oak Tint

#175959

pair with light text

  • footer accent
Color Swatch

Georgia Peach

#ffd5b1

pair with dark text

  • search background
Color Swatch

Warm Neutral Shade

#fae5ca

pair with dark text

Color Swatch

Warm Neutral

#fcecd9

pair with dark text

  • card decoration background
Color Swatch

Warm Neutral Tint

#fff5eb

pair with dark text

Accent Colors

Color Swatch

Macon Red

#fa6833

primary accent

Color Swatch

Savannah Sunrise Tint

#ffb889

secondary accent

  • icon fill

Stars and Stripes

Blue default links

Background Colors

Color Swatch

Atlanta Blue

#103052

pair with light text

  • header background
  • navigation background
  • footer background
Color Swatch

Atlanta Blue Tint

#204062

pair with light text

  • footer accent
Color Swatch

Dark Grey

#505350

pair with light text

Color Swatch

Light Grey

#d3d3d3

pair with dark text

  • search background
Color Swatch

Fog

#e6e6e6

pair with dark text

  • card decoration background
Color Swatch

Fog Tint

#f2f2f2

pair with dark text

Accent Colors

Color Swatch

Red Clay

#b01116

primary accent

Color Swatch

Gold Dome

#d0ae56

secondary accent

Color Swatch

Gold Dome Tint

#e3c475

secondary accent

  • icon fill

Simple Statehouse

Blue default links

Background Colors

Color Swatch

Atlanta Blue

#103052

pair with light text

  • header background
  • navigation background
  • footer background
Color Swatch

Atlanta Blue Tint

#204062

pair with light text

  • footer accent
Color Swatch

Cool Neutral Shade

#dae8e1

pair with dark text

  • search background
Color Swatch

Cool Neutral

#e6f0eb

pair with dark text

  • card decoration background
Color Swatch

Cool Neutral Tint

#f3f7f5

pair with dark text

Accent Colors

Color Swatch

Gold Dome

#d0ae56

primary accent

Color Swatch

Gold Dome Tint

#e3c475

secondary accent

  • icon fill

State Park

Green default links

Background Colors

Color Swatch

Atlantic Storm Shade

#00222b

pair with light text

Color Swatch

Atlantic Storm

#00323b

pair with light text

  • header background
  • navigation background
  • footer background
Color Swatch

Live Oak

#074949

pair with light text

  • footer accent
Color Swatch

Cool Neutral Shade

#dae8e1

pair with dark text

  • search background
Color Swatch

Cool Neutral

#e6f0eb

pair with dark text

  • card decoration background
Color Swatch

Cool Neutral Tint

#f3f7f5

pair with dark text

Accent Colors

Color Swatch

Gold Dome

#d0ae56

primary accent

Color Swatch

Gold Dome Tint

#e3c475

secondary accent

  • icon fill

Southern Mornings

Green default links

Background Colors

Color Swatch

Atlantic Storm

#00323b

pair with light text

  • navigation background
  • top of footer background
Color Swatch

Live Oak

#074949

pair with light text

Color Swatch

Georgia Peach

#ffd5b1

pair with dark text

  • search background
Color Swatch

Warm Neutral Shade

#fae5ca

pair with dark text

Color Swatch

Warm Neutral

#fcecd9

pair with dark text

  • card decoration background
Color Swatch

Warm Neutral Tint

#fff5eb

pair with dark text

Color Swatch

Fog

#e6e6e6

pair with dark text

  • footer background
Color Swatch

White

#ffffff

pair with dark text

  • header background
  • footer accent

Accent Colors

Color Swatch

Savannah Sunrise

#fca375

primary accent

Color Swatch

Georgia Peach

#ffd5b1

secondary accent

  • icon fill

Minimalist Office

Green default links

Background Colors

Color Swatch

Atlantic Storm Shade

#00222b

pair with light text

  • navigation background
Color Swatch

Atlantic Storm

#00323b

pair with light text

Color Swatch

Cool Neutral

#e6f0eb

pair with dark text

Color Swatch

Light Grey

#d3d3d3

pair with dark text

  • search background
Color Swatch

Fog

#e6e6e6

pair with dark text

  • card decoration background
  • footer background
Color Swatch

Fog Tint

#f2f2f2

pair with dark text

Color Swatch

White

#ffffff

pair with dark text

  • header background
  • footer accent

Accent Colors

Color Swatch

Atlanta Blue

#103052

primary accent

Color Swatch

Light Grey

#d3d3d3

secondary accent

  • icon fill

Augusta Greenway

Green default links

Background Colors

Color Swatch

Live Oak

#074949

pair with light text

  • header background
  • navigation background
  • footer background
Color Swatch

Live Oak Tint

#175959

pair with light text

  • footer accent
Color Swatch

Sassafras Shade

#702300

pair with light text

Color Swatch

Light Grey

#d3d3d3

pair with dark text

  • card decoration background
Color Swatch

Fog

#e6e6e6

pair with dark text

Color Swatch

Fog Tint

#f2f2f2

pair with dark text

Color Swatch

Green Clay

#d8dea9

pair with dark text

  • search background

Accent Colors

Color Swatch

Macon Red

#fa6833

primary accent

Color Swatch

Fog

#e6e6e6

secondary accent

  • icon fill

Blue Ridge

Green default links

Background Colors

Color Swatch

Blueberry Shade

#162b40

pair with light text

Color Swatch

Blueberry

#2c3e50

pair with light text

  • header background
  • navigation background
  • footer background
Color Swatch

Warm Dark Grey

#454940

pair with light text

Color Swatch

Warm Light Grey

#ebe7e4

pair with dark text

Color Swatch

Warm Light Grey Tint

#f5f3f0

pair with dark text

  • card decoration background
Color Swatch

Green Clay

#d8dea9

pair with dark text

  • search background
Color Swatch

Blueberry Tint

#3e4d5c

pair with light text

  • footer accent

Accent Colors

Color Swatch

Sycamore

#6b780c

primary accent

Color Swatch

Green Clay

#d8dea9

secondary accent

  • icon fill

Atlantic Wave

Green default links

Background Colors

Color Swatch

Ocean Blue

#20465d

pair with light text

  • header background
  • navigation background
  • footer background
Color Swatch

Ocean Blue Tint

#2d556e

pair with light text

  • footer accent
Color Swatch

Fog

#e6e6e6

pair with dark text

Color Swatch

Sky Blue Shade

#b5d4e3

pair with dark text

Color Swatch

Sky Blue

#cee5f0

pair with dark text

  • search background
  • card decoration background
Color Swatch

Sky Blue Tint

#e3f3fa

pair with dark text

Accent Colors

Color Swatch

Bright Blue

#009ddc

primary accent

Color Swatch

Bright Green

#9fcc3b

secondary accent

Color Swatch

Honey Gold

#e8b54d

secondary accent

  • icon fill