Color palette

For Adobe, Sketch, and Mac applications

Download color palettes

white

#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 #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.