Color palette
For Adobe, Sketch, and Mac applications
Download color paletteswhite
#FFFFFF
light
#B3EFFF
bright
#00CFFF
medium
#046B99
dark
#1C304A
black
#000000
Guidelines
Do use the 18F brand colors in combinations that conform with accessibility standards. Each of these combinations meets or exceeds a contrast ratio of 4.5:1, and is approved for body and headline text. For more details on color contrast, read the 18F Accessibility Guide.
White text
Aa
#FFFFFF |
Light text
Aa
#B3EFFF |
Bright text
Aa
#00CFFF |
Medium text
Aa
#046B99 |
Dark text
Aa
#1C304A |
Black text
Aa
#000000 |
|
Black background
#000000 |
Aa
White text on
black background
is 508-compliant, with a contrast ratio of 21:1.
|
Aa
Light text on
black background
is 508-compliant, with a contrast ratio of 17:1.
|
Aa
Bright text on
black background
is 508-compliant, with a contrast ratio of 11:1.
|
Do not use medium text on black background; it is not 508-compliant, with a contrast ratio of 3.6:1.
|
Do not use dark text on black background; it is not 508-compliant, with a contrast ratio of 1.6:1.
|
Do not use black text on black background; it is not 508-compliant, with a contrast ratio of 1.0:1.
|
Dark background
#1C304A |
Aa
White text on
dark background
is 508-compliant, with a contrast ratio of 13:1.
|
Aa
Light text on
dark background
is 508-compliant, with a contrast ratio of 11:1.
|
Aa
Bright text on
dark background
is 508-compliant, with a contrast ratio of 7:1.
|
Do not use medium text on dark background; it is not 508-compliant, with a contrast ratio of 2.3:1.
|
Do not use dark text on dark background; it is not 508-compliant, with a contrast ratio of 1.0:1.
|
Do not use black text on dark background; it is not 508-compliant, with a contrast ratio of 1.6:1.
|
Medium background
#046B99 |
Aa
White text on
medium background
is 508-compliant, with a contrast ratio of 6:1.
|
Aa
Light text on
medium background
is 508-compliant, with a contrast ratio of 4.68:1.
|
Do not use bright text on medium background; it is not 508-compliant, with a contrast ratio of 3.2:1.
|
Do not use medium text on medium background; it is not 508-compliant, with a contrast ratio of 1.0:1.
|
Do not use dark text on medium background; it is not 508-compliant, with a contrast ratio of 2.3:1.
|
Do not use black text on medium background; it is not 508-compliant, with a contrast ratio of 3.6:1.
|
Bright background
#00CFFF |
Do not use white text on bright background; it is not 508-compliant, with a contrast ratio of 1.8:1.
|
Do not use light text on bright background; it is not 508-compliant, with a contrast ratio of 1.5:1.
|
Do not use bright text on bright background; it is not 508-compliant, with a contrast ratio of 1.0:1.
|
Do not use medium text on bright background; it is not 508-compliant, with a contrast ratio of 3.2:1.
|
Aa
Dark text on
bright background
is 508-compliant, with a contrast ratio of 7:1.
|
Aa
Black text on
bright background
is 508-compliant, with a contrast ratio of 11:1.
|
Light background
#B3EFFF |
Do not use white text on light background; it is not 508-compliant, with a contrast ratio of 1.3:1.
|
Do not use light text on light background; it is not 508-compliant, with a contrast ratio of 1.0:1.
|
Do not use bright text on light background; it is not 508-compliant, with a contrast ratio of 1.5:1.
|
Aa
Medium text on
light background
is 508-compliant, with a contrast ratio of 4.68:1.
|
Aa
Dark text on
light background
is 508-compliant, with a contrast ratio of 11:1.
|
Aa
Black text on
light background
is 508-compliant, with a contrast ratio of 17:1.
|
White background
#FFFFFF |
Do not use white text on white background; it is not 508-compliant, with a contrast ratio of 1.0:1.
|
Do not use light text on white background; it is not 508-compliant, with a contrast ratio of 1.3:1.
|
Do not use bright text on white background; it is not 508-compliant, with a contrast ratio of 1.8:1.
|
Aa
Medium text on
white background
is 508-compliant, with a contrast ratio of 6:1.
|
Aa
Dark text on
white background
is 508-compliant, with a contrast ratio of 13:1.
|
Aa
Black text on
white background
is 508-compliant, with a contrast ratio of 21:1.
|