Color
A minimal palette, clear hierarchy, good information design, and ample white space ensures a voice of authority and expertise in communication.
Our core color palette includes CFPB Green, black, and eight supporting colors.
Primary colors
CFPB Green
Hex
#20aa3f
RGB
32, 170, 63
CMYK
80, 0, 100, 0
Black
Hex
#101820
RGB
16, 24, 32
CMYK
0, 0, 0, 100
Supporting 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.
Teal
Hex
#257675
RGB
37, 118, 117
CMYK
85, 0, 30, 44
Pacific
Hex
#0072ce
RGB
0, 114, 206
CMYK
90, 48, 0, 0
Navy
Hex
#254b87
RGB
37, 75, 135
CMYK
82, 58, 0, 31
Purple
Hex
#b4267a
RGB
180, 38, 122
CMYK
27, 100, 10, 0
Red
Hex
#d14124
RGB
209, 65, 36
CMYK
0, 85, 100, 4
Gold
Hex
#ff9e1b
RGB
255, 158, 27
CMYK
0, 45, 94, 0
Neutral
Hex
#8a6c57
RGB
138, 108, 87
CMYK
50, 60, 57, 7
Gray
Hex
#5a5d61
RGB
90, 93, 97
CMYK
0, 0, 0, 77
Tints
Name
Hex
RGB
CMYK
Dark Green
#1e9642
30, 150, 66
80, 0, 100, 17
CFPB Green
#20aa3f
32, 170, 63
80, 0, 100, 0
Green 80
#66c368
102, 195, 104
55, 0, 76, 0
Green 60
#addc91
173, 220, 145
32, 0, 52, 0
Green 40
#c7e5b3
199, 229, 179
22, 0, 36, 0
Green 20
#e2efd8
226, 239, 216
12, 0, 19, 0
Name
Hex
RGB
CMYK
Dark Teal
#005e5d
0, 94, 93
89, 0, 35, 60
Teal
#257675
37, 118, 117
85, 0, 30, 44
Teal 80
#579695
87, 150, 149
53, 0, 20, 30
Teal 60
#89b6b5
137, 182, 181
36, 0, 13, 19
Teal 40
#b4d2d1
180, 210, 209
20, 0, 8, 12
Teal 20
#d4e7e6
212, 231, 230
10, 0, 4, 6
Name
Hex
RGB
CMYK
Dark Pacific
#0050b4
0, 80, 180
100, 51, 0, 20
Pacific
#0072ce
0, 114, 206
90, 48, 0, 0
Pacific 80
#4497dc
68, 151, 220
68, 30, 0, 0
Pacific 60
#7eb7e8
126, 183, 232
46, 16, 0, 0
Pacific 40
#afd2f2
175, 210, 242
29, 8, 0, 0
Pacific 20
#d6e8fa
214, 232, 250
16, 3, 0, 0
Name
Hex
RGB
CMYK
Dark Navy
#002d72
0, 45, 114
100, 80, 6, 32
Navy
#254b87
37, 75, 135
82, 58, 0, 31
Navy 80
#5674a3
186, 116, 163
60, 35, 0, 26
Navy 60
#889cc0
136, 156, 192
36, 21, 0, 17
Navy 40
#b3c0d9
179, 192, 217
23, 13, 0, 7
Navy 20
#d3daeb
211, 218, 235
13, 8, 0, 4
Name
Hex
RGB
CMYK
Dark Purple
#a01b68
160, 27, 104
40, 100, 30, 10
Purple
#b4267a
180, 38, 122
27, 100, 10, 0
Purple 80
#c55998
197, 89, 152
21, 79, 9, 0
Purple 60
#d486b2
212, 134, 178
14, 58, 8, 0
Purple 40
#e3b2cc
227, 178, 204
9, 36, 6, 0
Purple 20
#f0d8e2
240, 216, 226
4, 15, 2, 0
Name
Hex
RGB
CMYK
Dark Red
#b63014
182, 48, 20
0, 90, 100, 20
Red
#d14124
209, 65, 36
0, 85, 100, 4
Red 80
#dd735d
221, 115, 93
0, 75, 75, 0
Red 60
#e79e8e
231, 158, 142
0, 51, 46, 0
Red 40
#f0c3b8
240, 195, 184
0, 28, 25, 0
Red 20
#f7e0d9
247, 224, 217
0, 13, 12, 0
Name
Hex
RGB
CMYK
Dark Gold
#dc731c
220, 115, 28
10, 60, 100, 0
Gold
#ff9e1b
255, 158, 27
0, 45, 94, 0
Gold 80
#ffb858
255, 184, 88
0, 34, 76, 0
Gold 60
#ffce8d
255, 206, 141
0, 21, 49, 0
Gold 40
#ffe1b9
255, 225, 185
0, 13, 31, 0
Gold 20
#fff0dd
255, 240, 221
0, 6, 15, 0
Name
Hex
RGB
CMYK
Dark Neutral
#745745
116, 87, 69
50, 60, 57, 28
Neutral
#8a6c57
138, 108, 87
50, 60, 57, 7
Neutral 80
#a18573
161, 133, 115
42, 50, 47, 0
Neutral 60
#baa496
186, 164, 150
28, 34, 32, 0
Neutral 40
#d3c5bc
211, 197, 188
19, 22, 21, 0
Neutral 20
#e7ddd7
231, 221, 215
9, 11, 10, 0
Name
Hex
RGB
CMYK
Black
#101820
16, 24, 32
0, 0, 0, 100
Dark Gray
#43484e
67, 71, 78
0, 0, 0, 87
Gray
#5a5d61
90, 93, 97
0, 0, 0, 77
Gray 80
#75787b
117, 120, 123
0, 0, 0, 65
Gray 60
#919395
145, 147, 149
0, 0, 0, 50
Gray 40
#b4b5b6
180, 181, 182
0, 0, 0, 35
Gray 20
#d2d3d5
210, 211, 213
0, 0, 0, 20
Gray 10
#e7e8e9
231, 231, 233
0, 0, 0, 10
Gray 5
#f7f8f9
247, 248, 249
0, 0, 0, 5
White
#ffffff
255, 255, 255
0, 0, 0, 0
