Color palette

For Adobe, Sketch, and Mac applications

Download color palettes

white

#FFFFFF

light

#B3EFFF

bright

#00CFFF

medium

#046B99

dark

#1C304A

black

#000000


Instructions for Keynote

Install the color palette to use it in any iWork application:

  1. Open the 18F_Color_Palette.zip file to unzip it.
  2. In Keynote, press the Shift + Command + C keys to open the Colors menu.
  3. Click the Color Palettes tab.
  4. Click the gear icon > Open…
  5. In the 18F_Color_Palette folder, select 18F_brand_colors.clr and click Open.

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
#FFFFFF
Light text
#B3EFFF
Bright text
#00CFFF
Medium text
#046B99
Dark text
#1C304A
Black text
#000000
Black background
#000000
White text on black background is 508-compliant, with a contrast ratio of 21:1.
Light text on black background is 508-compliant, with a contrast ratio of 17:1.
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
White text on dark background is 508-compliant, with a contrast ratio of 13:1.
Light text on dark background is 508-compliant, with a contrast ratio of 11:1.
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
White text on medium background is 508-compliant, with a contrast ratio of 6:1.
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.
Dark text on bright background is 508-compliant, with a contrast ratio of 7:1.
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.
Medium text on light background is 508-compliant, with a contrast ratio of 4.68:1.
Dark text on light background is 508-compliant, with a contrast ratio of 11:1.
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.
Medium text on white background is 508-compliant, with a contrast ratio of 6:1.
Dark text on white background is 508-compliant, with a contrast ratio of 13:1.
Black text on white background is 508-compliant, with a contrast ratio of 21:1.