Color

The primary color palette for the CFPB is green and black, including mid-tones and tints, and thoughtful use of whitespace.

A minimal palette, clear hierarchy, good information design, and ample whitespace will ensure a voice of authority and expertise in communication.

Primary color palette

PaletteView code

Primary colors

The primary color palette for the CFPB is green and black, including midtones and tints, and thoughtful use of whitespace.

CFPB Green

HEX #2CB34A
RGB 44, 179, 74
PMS 361
CMYK 77, 0, 100, 0

Green Midtone

HEX #ADDC91
RGB 173, 220, 145
PMS 358
CMYK 32, 0, 52, 0

Green Tint

HEX #DBEDD4
RGB 219, 237, 212
PMS 361 @ 20%
CMYK 14, 0, 20, 0

CFPB Black

HEX #101820
RGB 16, 24, 32
PMS Black 6
CMYK 100, 79, 44, 93

Background colors

These colors are used primarily for background wells and fields. When alternating between tones, be sure to use enough tones providing enough contrast between adjacent wells.

Dark Gray

HEX #43484E
RGB 67, 72, 78
PMS Cool Gray 11C
CMYK 44, 34, 22, 77

Gray

HEX #75787B
RGB 117, 120, 123
PMS Cool Gray 9C
CMYK 30, 22, 17, 57

Gray 80%

HEX #919395
RGB 145, 147, 149
PMS Cool Gray 7C
CMYK 20, 14, 12, 40

Gray 50%

HEX #BABBBD
RGB 186, 187, 189
PMS Cool Gray 5C
CMYK 13, 9, 10, 27

Gray 20%

HEX #E3E4E5
RGB 227, 228, 229
PMS Cool Gray 3C
CMYK 8, 5, 7, 16

Gray 10%

HEX #F1F2F2
RGB 241, 242, 242
PMS Cool Gray 1C
CMYK 4, 2, 4, 8

Gray 5%

HEX #F8F8F8
RGB 248, 248, 248
PMS Cool Gray 1C @ 50%
CMYK 4, 2, 4, 8 @ 50%

Secondary colors

These colors are used primarily as accent colors, and should be used to add variety to page content and illustrations. They should never overpower the core brand colors.

Red Orange

HEX #D12124
RGB 209, 65, 36
PMS 7597
CMYK 0, 85, 100, 4

Red Orange 80%

HEX #DA6750
RGB 218, 103, 80
PMS 7597 @ 80%
CMYK 11, 71, 73, 1

Red Orange 50%

HEX #E8A091
RGB 232, 160, 145
PMS 7597 @ 50%
CMYK 6, 43, 36, 0

Red Orange 20%

HEX #F6D9D3
RGB 246, 217, 211
PMS 7597 @ 20%
CMYK 2, 16, 10, 0

Gold

HEX #FF9E1B
RGB 255, 147, 27
PMS 1375
CMYK 0, 45, 94, 0

Gold 80%

HEX #FFB149
RGB 255, 177, 73
PMS 1375 @ 80%
CMYK 1, 35, 78, 0

Gold 50%

HEX #FFCE8D
RGB 255, 206, 141
PMS 1375 @ 50%
CMYK 1, 21, 47, 0

Gold 20%

HEX #FFECD1
RGB 255, 236, 209
PMS 1375 @ 20%
CMYK 1, 7, 17, 0

Neutral

HEX #796E65
RGB 121, 110, 101
PMS Warm Gray 10
CMYK 24, 34, 35, 60

Neutral 80%

HEX #948B84
RGB 148, 139, 132
PMS Warm Gray 10 @ 80%
CMYK 43, 40, 44, 4

Neutral 50%

HEX #BCB6B2
RGB 188, 182, 178
PMS Warm Gray 10 @ 50%
CMYK 28, 24, 26, 0

Neutral 20%

HEX #E4E2E0
RGB 228, 226, 224
PMS Warm Gray 10 @ 20%
CMYK 9, 8, 9, 0

Navy

HEX #002D72
RGB 0, 45, 114
PMS 288
CMYK 100, 80, 6, 32

Navy 80%

HEX #33578E
RGB 51, 87, 142
PMS 288 @ 80%
CMYK 78, 64, 26, 7

Navy 50%

HEX #7F96B8
RGB 127, 150, 184
PMS 288 @ 50%
CMYK 48, 33, 18, 0

Navy 20%

HEX #CCD5E3
RGB 204, 213, 227
PMS 288 @ 20%
CMYK 15, 10, 5, 0

Pacific

HEX #0072CE
RGB 0, 114, 206
PMS 285
CMYK 90, 48, 0, 0

Pacific 80%

HEX #328ED8
RGB 50, 142, 216
PMS 285 @ 80%
CMYK 75, 34, 1, 0

Pacific 50%

HEX #7FB8E6
RGB 127, 184, 230
PMS 285 @ 50%
CMYK 48, 14, 3, 0

Pacific 20%

HEX #CCE3F5
RGB 204, 227, 245
PMS 285 @ 20%
CMYK 18, 4, 2, 0

Teal

HEX #005E5D
RGB 0, 94, 93
PMS 7721
CMYK 89, 0, 43, 65

Teal 80%

HEX #337E7D
RGB 51, 126, 125
PMS 7721 @ 80%
CMYK 80, 34, 49, 10

Teal 50%

HEX #7FAEAE
RGB 127, 174, 174
PMS 7721 @ 50%
CMYK 51, 18, 30, 0

Teal 20%

HEX #CCDFDF
RGB 204, 223, 223
PMS 7721 @ 20%
CMYK 19, 4, 11, 0