Color

Flatiron Global Palette 

Our dynamic color palette is designed to work in tandem with our prismatic shape language. Overlapping shapes yield a color change within our graphic iconography. Together it distinguishes us and makes us recognizable.

Below is our global color palette that contains a range of swatches we use to create smaller variable palettes for compositions. Our primary brand colors are purple and blue.

Flatiron primary purple: #5051DB
Flatiron primary blue: #3882F5







Specifications

The palette’s hex, RGB, and CMYK color codes are listed below. The core color palette swatches are indicated with a star. To render the best results for print, only select swatches that have PMS matches. Only those swatches are to be selected for print collateral when PMS codes are necessary, as other shades may not transfer as accurately due to being too light or dark.



Gray 50
#F6F7F9
246, 247, 249
2,1,1,0
PMS N/A

Gray 100
#DDE0E5
221, 224, 229
12, 8, 6, 0
PMS N/A

Gray 200
#C3C9D2
195, 201, 210
23, 16, 11, 0
PMS Cool Gray 4 U

Gray 300
#A9B1BF
169, 177, 191
34, 24, 17,0
PMS N/A

Gray 400
#8F9AAC
143, 154, 172
47, 34, 23, 0
PMS N/A

Gray 500*
#758399
117, 131, 153
58, 44, 28, 2
PMS Cool Gray 8 U
Gray 600
#5D6A7E
93, 106, 126
68, 53, 36, 11
PMS N/A
Gray 700
#485261
72, 61, 45, 26
74, 61, 45, 26
PMS N/A
Gray 800
#323944
50, 57, 68
78, 67, 52, 47
PMS Black 6 U
Gray 900
#1C2128
28, 33, 40
79, 69, 58, 70
PMS N/A
Purple 50
#F4F4FD
244, 244, 253
3, 3, 0, 0
PMS N/A
Purple 100
#D3D4F6
211, 212, 246
15, 14, 0, 0
PMS N/A
Purple 200
#B2B4EF
178, 180, 239
28, 27, 0, 0
PMS 2705 U

Purple 300
#9295E8
146, 149, 232
43, 40, 0, 0
PMS N/A

Purple 400
#8184E5
129, 132, 229
53, 49, 0, 0
PMS N/A
Purple 500
#7175E2
113, 117, 226
63, 58, 0, 0
PMS N/A
Purple 600*
#5051DB
80, 81, 219
76, 72, 0, 0
PMS 2725 U
Purple 700
#363BC2
54, 59, 194
86, 81, 0, 0
PMS N/A
Purple 800
#1D218E
29, 33, 142
100, 99, 8, 3
PMS 2736 U
Purple 900
#0E115E
14, 17, 94
100, 99, 27, 32
PMS N/A
Blue 50
#F1F6FE
241, 246, 255
4, 1, 0, 0
PMS N/A
Blue 100
#CDE0FD
205, 224, 253
17, 7, 0, 0
PMS N/A
Blue 200
#A8C9FB
168, 201, 251
31, 13, 0, 0
PMS 2717 U

Blue 300
#83B2F9
131, 178, 249
44, 22, 0, 0
PMS N/A

Blue 400
#5D9BF7
93, 155, 247
59, 34, 0, 0
PMS N/A
Blue 500*
#3882F5
56, 130, 245
73, 49, 0, 0
PMS 2171 U
Blue 600
#276DD9
39, 109, 217
81, 59, 0, 0
PMS N/A
Blue 700
#0A51BF
10, 81, 191
91, 73, 0, 0
PMS N/A
Blue 800
#00398F
0, 57, 143
100, 88, 13, 3
PMS 2935 U
Blue 900
#002660
0, 38, 96
100, 91, 32, 28
PMS N/A
Cyan 50
#EEFDFF
238, 253, 255
5, 0, 0, 0
PMS N/A
Cyan 100
#BAF5FD
186, 245, 253
23, 0, 4, 0
PMS N/A
Cyan 200
#87EEFC
135, 238, 252
37, 0, 6, 0
PMS 304 U

Cyan 300
#4FDDF0
79, 221, 240
53, 0, 10, 0
PMS N/A

Cyan 400︎
#05C6E0
5, 198, 224
67, 0, 12, 0
PMS 311 U
Cyan 500
#04A6BB
4, 166, 187
77, 14, 24, 0
PMS N/A
Cyan 600
#038495
3, 132, 149
85, 33, 36, 4
PMS 313 U
Cyan 700
#036370
3, 99, 112
91, 47, 46, 19
PMS N/A
Cyan 800
#02424B
2, 66, 75
94, 59, 55, 42
PMS N/A
Cyan 900
#003036
0, 48, 54
93, 63, 59, 59
PMS N/A
Teal 50
#F0FFFD
240, 255, 253
4, 0, 2, 0
PMS N/A
Teal 100
#ADEDE5
173, 237, 229
29, 0, 14, 0
PMS 3242 U
Teal 200
#70DFD0
112, 223, 208
49, 0, 26, 0
PMS N/A

Teal 300*
#33D1BC
51, 209, 188
63, 0, 36, 0
PMS 3262 U

Teal 400
#29B7A4
41, 183, 164
73, 2, 45, 0
PMS N/A
Teal 500
#239A8A
35, 154, 138
79, 18, 53, 2
PMS N/A
Teal 600
#1C7D70
28, 125, 112
84, 31, 60, 12
PMS N/A
Teal 700
#166056
22, 96, 86
87, 41, 65, 28
PMS 3282 U
Teal 800
#0F443D
15, 68, 61
88, 50, 68, 48
PMS N/A
Teal 900
#0B302B
11, 48, 43
87, 56, 69, 64
PMS N/A
Green 50
#EBFFF7
235, 255, 247
6, 0, 4, 0
PMS N/A
Green 100
#A8F0D3
168, 240, 211
31, 0, 24, 0
PMS 2254 U
Green 200
#69DDB0
105, 221, 176
53, 0, 43, 0
PMS N/A

Green 300
#3DCB92
61, 203, 146
66, 0, 59, 0
PMS N/A

Green 400*
#06BA72
6, 186, 114
76, 0, 76, 0
PMS 2256 U
Green 500
#02A161
2, 161, 97
83, 10, 83, 1
PMS N/A
Green 600
#058552
5, 133, 82
87, 24, 86, 9
PMS N/A
Green 700
#087147
8, 113, 71
89, 31, 86, 20
PMS 2259 U
Green 800
#044F31
4, 79, 49
89, 41, 88, 44
PMS N/A
Green 900
#012E1C
1, 46, 28
85, 52, 81, 69
PMS N/A
Avocado 50
#F5FFE6
245, 255, 230
3, 0, 11, 0
PMS N/A
Avocado 100
#D9F0B7
217, 240, 183
16, 0, 36, 0
PMS N/A
Avocado 200
#BEE287
190, 226, 135
28, 0, 60, 0
PMS 366 U

Avocado 300
#A4D35D
164, 211, 93
40, 0, 82, 0
PMS N/A

Avocado 400*
#8CC437
140, 196, 55
50, 1, 100, 0
PMS 368 U
Avocado 500
#6FA123
111, 161, 35
63, 17, 100, 2
PMS N/A
Avocado 600
#537E13
83, 126, 19
71, 30, 100, 15
PMS N/A
Avocado 700
#44680F
68, 104, 15
73, 37, 100, 27
PMS N/A
Avocado 800
#36530B
54, 83, 11
74, 43, 100, 41
PMS 2278 U
Avocado 900
#1E3003
30, 48, 3
73, 53, 88, 67
PMS N/A
Lime 50
#FBFFE6
251, 255, 230
2, 0, 11, 0
PMS N/A
Lime 100
#EAF3B7
234, 243, 183
9, 0, 35, 0
PMS N/A
Lime 200
#DBEB80
219, 235, 128
17, 0, 63, 0
PMS 380 U

Lime 300
#CBE24A
203, 226,74
24, 0, 86, 0
PMS N/A

Lime 400*
#B2CC21
178, 204,33
36, 3, 100, 0
PMS 382 U
Lime 500
#92A71B
146, 167,27
48, 19, 100, 2
PMS N/A
Lime 600
#6A7914
106, 121, 20
60, 35, 100, 18
PMS N/A
Lime 700
#515D0F
81, 93, 15
64, 44, 100,33
PMS 385 U
Lime 800
#39410B
57, 65, 11
67, 51, 100,53
PMS N/A
Lime 900
#2B3300
43, 51, 0
68, 54, 91, 64
PMS N/A
Lemon 50
#FDFBE4
253, 251, 228
1, 0, 11, 0
PMS N/A
Lemon 100
#F8F4B8
248, 244, 184
4, 0, 34, 0
PMS N/A
Lemon 200
#F3EC83
243, 236, 131
7, 1, 61, 0
PMS 3945 U

Lemon 300
#EDE24D
237, 226,77
9, 3, 83, 0
PMS N/A

Lemon 400*
#E8DA18
232, 218, 24
12, 6, 99, 0
PMS 3965 U
Lemon 500
#C0B413
192, 180, 19
29, 21, 100,0
PMS N/A
Lemon 600
#79720C
121, 114, 12
51, 42, 100, 20
PMS 3975 U
Lemon 700
#5B5609
91, 86, 9
57, 49, 100, 37
PMS N/A
Lemon 800
#3D3900
61, 57, 0
61, 56, 96, 58
PMS N/A
Lemon 900
#332F00
51, 47, 0
63, 58, 89, 66
PMS N/A
Yellow 50
#FFFAEB
255, 250, 235
0, 1, 7, 0
PMS N/A
Yellow 100
#FFECB1
255, 236, 177
1, 5, 36, 0
PMS N/A
Yellow 200
#FFDD76
255, 221, 118
1, 11, 64, 0
PMS 127 U

Yellow 300
#FFCE3B
255, 206,59
0, 18, 87, 0
PMS N/A

Yellow 400*
#FFBF00
255, 191, 0
0, 27, 100, 0
PMS 7404 U
Yellow 500
#D9A300
217, 163, 0
16, 36, 100, 0
PMS N/A
Yellow 600
#8C6900
140, 105, 0
39, 52, 100, 21
PMS 7550 U
Yellow 700
#664D00
102, 77, 0
47, 57, 100, 39
PMS N/A
Yellow 800
#4D3A00
77, 58, 0
53, 60, 100, 54
PMS N/A
Yellow 900
#382A00
56, 42, 0
58, 62, 88, 68
PMS N/A
Mango 50
#FFF6EB
255, 246, 235
0, 3, 6, 0
PMS N/A
Mango 100
#FFDBB1
255, 219, 177
0, 15, 32, 0
PMS N/A
Mango 200
#FFBF76
255, 191, 118
0, 29, 60, 0
PMS 134 U

Mango 300
#FFA43B
255, 164, 59
0, 42, 85, 0
PMS N/A

Mango 400*
#FF8800
255, 136, 0
0, 57, 100, 0
PMS 136 U
Mango 500
#D77300
215, 115, 0
13, 64, 100, 2
PMS N/A
Mango 600
#AE5D00
174, 93, 0
24, 69, 100, 13
PMS N/A
Mango 700
#864700
134, 71, 0
33, 72, 100, 31
PMS 717 U
Mango 800
#5E3200
94, 50, 0
42, 72, 100, 52
PMS N/A
Mango 900
#422400
66, 36, 0
50, 70, 88, 67
PMS N/A
Orange 50
#FFF3EE
255, 243, 238
0, 4, 4, 0
PMS N/A
Orange 100
#FDCFB9
253, 207, 185
0, 22, 24, 0
PMS N/A
Orange 200
#FCAB85
252, 171, 133
0, 39, 47, 0
PMS 156 U

Orange 300
#FA8650
250, 134, 80
0, 59, 73, 0
PMS N/A

Orange 400*
#F9621C
249, 98, 28
0, 76, 99, 0
PMS 157 U
Orange 500
#E54D06
229, 77, 6
5, 84, 100, 1
PMS N/A
Orange 600
#BD3F05
189, 63,5
18, 87, 100, 9
PMS 7579 U
Orange 700
#943204
148, 50, 4
27, 88, 100, 26
PMS N/A
Orange 800
#6C2403
108, 36, 3
34, 86, 100, 47
PMS N/A
Orange 900
#431500
67, 21, 0
45, 80, 84, 71
PMS N/A
Nectarine 50
#FEF2F2
254, 242, 242
0, 5, 2, 0
PMS N/A
Nectarine 100
#FBCDCB
251, 205, 203
0, 23, 12, 0
PMS 706 U
Nectarine 200*
#F8A7A4
248, 167, 164
0, 42, 24, 0
PMS 1905 U

Nectarine 300
#F5827E
245, 130, 126
0, 62, 41, 0
PMS N/A

Nectarine 400
#F25C57
242, 92, 87
0, 79, 63, 0
PMS N/A
Nectarine 500*
#EF3D37
239, 61, 55
0, 91, 84, 0
PMS 198 U
Nectarine 600
#D81811
216, 24, 17
9, 100, 100, 2
PMS N/A
Nectarine 700
#A7120D
167, 18, 13
23, 100, 100, 18
PMS N/A
Nectarine 800
#750D09
117, 13, 9
31, 100, 100, 43
PMS N/A
Nectarine 900
#430200
67, 2, 0
47, 84, 77, 72
PMS N/A
Red 50
#FDF3F5
253, 243, 245
0, 4, 1, 0
PMS 000
Red 100
#F7CED5
247, 206, 213
1, 22, 6, 0
PMS 2036 U
Red 200*
#F0AAB6
240, 170, 182
2, 40, 14, 0
PMS 2037 U

Red 300
#EA8596
234, 133, 150
4, 59, 24, 0
PMS 000

Red 400
#E46177
228, 97, 119
6, 76, 38, 0
PMS 000
Red 500*
#DE3C57
222, 60, 87
7, 91, 58, 0
PMS N/A
Red 600
#CC233F
204, 35, 63
14, 99, 76, 3
PMS N/A
Red 700
#991A2F
153, 26,47
26, 100, 81, 23
PMS 7636 U
Red 800
#66111F
102, 17,31
34, 97, 78, 50
PMS N/A
Red 900
#45000B
69, 0, 11
47, 86, 72, 71
PMS N/A
Raspberry 50
#FDF3F9
253, 243, 249
0, 5, 0, 0
PMS N/A
Raspberry 100
#F7CFE8
247, 207, 232
1, 22, 0, 0
PMS N/A
Raspberry 200
#F2ACD7
242, 172, 215
3, 39, 10, 0
PMS 230 U

Raspberry 300
#EC88C6
236, 136, 198
6, 56, 0, 0
PMS N/A

Raspberry 400
#E664B4
230, 100, 180
9, 74, 0, 0
PMS N/A
Raspberry 500
#E141A4
225, 65, 164
10, 86, 0, 0
PMS N/A
Raspberry 600*
#D62291
214, 34, 145
12, 96, 0, 0
PMS 231 U
Raspberry 700
#A1196D
161, 25, 109
38, 100, 27, 5
PMS 233 U
Raspberry 800
#6B1149
107, 17, 73
50, 100, 42, 34
PMS N/A
Raspberry 900
#420028
66, 0, 40
57, 91, 53, 65
PMS N/A
Magenta 50
#FCF3FB
252, 243, 251
0, 4, 0, 0
PMS N/A
Magenta 100
#F2CEEE
242, 206, 238
4, 22, 0, 0
PMS N/A
Magenta 200
#E9A9E3
233, 169, 227
10, 38, 0, 0
PMS 250 U

Magenta 300
#DF84D6
223, 132, 214
17, 55, 0, 0
PMS N/A

Magenta 400
#D65FCA
214, 95, 202
24, 72, 0, 0
PMS N/A
Magenta 500
#CC3DBE
204, 61, 190
30, 83, 0, 0
PMS N/A
Magenta 600*
#A92C9C
169, 44, 156
38, 94, 0, 0
PMS 252 U
Magenta 700
#822278
130, 34, 120
57, 100, 18, 4
PMS N/A
Magenta 800
#5B1854
91, 24, 84
66, 100, 35, 29
PMS 254 U
Magenta 900
#400039
64, 0, 57
68, 98, 41, 55
PMS N/A
Grape 50
#F9F5FC
249, 245, 252
1, 3, 0, 0
PMS N/A
Grape 100
#E9D8F4
233, 216, 244
7, 15, 0, 0
PMS N/A
Grape 200
#D8BBEC
216, 187, 236
14, 28, 0, 0
PMS 2562 U

Grape 300
#C89EE4
200, 158, 228
23, 40, 0, 0
PMS N/A

Grape 400
#B880DC
184, 128, 220
233, 54, 0, 0
PMS N/A
Grape 500
#A763D4
167, 99, 212
46, 69, 0, 0
PMS N/A
Grape 600*
#9746CC
151, 70, 204
55, 79, 0, 0
PMS 2582 U
Grape 700
#762EA5
118, 46, 165
67, 92, 0, 0
PMS N/A
Grape 800
#532074
83, 32, 116
82, 100, 21, 9
PMS 2602 U
Grape 900
#340059
52, 0, 89
89, 100, 24, 35
PMS N/A 






Palette rules

The 2-Color rule

Our 2-color palettes are intentionally applied to collateral that is brand-forward, and or evergreen. Our core palettes consist only of Flatiron primary purple and primary blue hues.

Core palette one, made up of 5 swatches, is for the use case where our full color logo is displayed. Core palette two is used when our logo is displayed in all white and contains four color swatches with a fifth white swatch.

Core palette 1: full color logo use
Purple 600*
#5051DB
80, 81, 219
76, 72, 0, 0
PMS 2725 U
Blue 500*
#3882F5
56, 130, 245
73, 49, 0, 0
PMS 2171 U
Blue 200
#A8C9FB
168, 201,251
31, 13, 0, 0
PMS 2717 U
Purple 200
#B2B4EF
178, 180, 239
28, 27, 0, 0
PMS 2705 U
Blue 800
#00398F
0, 57, 143
100, 88, 13, 3
PMS 2935 U


Core palette 2: white text and white logo use
Purple 600*
#5051DB
80, 81, 219
76, 72, 0, 0
PMS 2725 U
Blue 500*
#3882F5
56, 130, 245
73, 49, 0, 0
PMS 2171 U
Blue 200
#A8C9FB
168, 201,251
31, 13, 0, 0
PMS 2717 U
Purple 800
#1D218E
29, 33, 142
100, 99, 8, 3
PMS 2736 U
White
#FFFFFF
255, 255, 255
0, 0, 0, 0
PMS Bright White


The 3-Color rule

A 3-color palette can be created for the purpose of emphasis i.e. a partnership, collaboration, or unique use case. Hues of our primary blue and purple are always included with one additional shade, chosen specifically based on the focus of emphasis, and paired with a secondary hue or white.

There are two sets of rules to follow based on whether the full-color or white Flatiron logo will accompany the palette.

The swatches for a 3-color palette with the full-color logo should be chosen according to the following rules:

For the first two swatches, one blue and one purple mid range swatch (300-600) must be used


The third swatch must be a dark swatch (700-900) in either purple or blue


The fourth swatch is a dark hue (700-900) of the accent swatch


The fifth swatch is a light hue (50-200) of the accent swatch




The swatches for a 3-color palette using the white logo follow the same rules as the full-color logo with the exception of the third swatch being white instead of purple or blue:

In the first two swatches, one blue and one purple mid range swatch (300-600) and dark swatch (700-900) must be used



The third swatch is white #FFFFFF

The fourth swatch is the a dark hue (700-900) of the accent swatch


The fifth swatch is a light hue (50-200) of the accent swatch



The 5-Color rule

Collectively, Flatiron Purple (swatches Purple 50-900) and Blue (swatches Blue 50-900) should approximately occupy 2/3 of the composition. Flatiron’s primary purple is purple 600* and primary blue is blue 500*.






Other color swatches should be chosen according to the following rules:

A light swatch (50-200) must be used

A dark swatch (700-900) must be used

Two swatches from the mid range (300-600) must be used (completed sample palette)


When using white text on a composition, white is considered the fifth color and can be incorporated into the prismatic shapes. White does NOT replace Flatiron Blue or Flatiron Purple. If using a premade palette for events, swap the lightest tint to white.



When using black text, black is not considered a one of the five shades but rather accompanies the five shades.


5-Color palettes

Below are fifteen pre-made palettes created using the 5-color rule with the exception of one swatch that is a ‘muted’ version of it’s original shade. The pre-made palettes are harmonized to best represent the brand’s look and feel. These palettes should be considered first before creating a new palette, with the exception of unique applications that may require an alternate shade selection.


1.

Purple 700
#363BC2
54, 59, 194
86, 81, 0, 0
PMS N/A
Blue 900
#002660
0, 38, 96
100, 91, 32, 28
PMS N/A
Nectarine 200 (M)
#D68F90
214, 143, 144
15, 50, 34, 0
PMS N/A
Grape 500
#A763D4
167, 99, 212
46, 69, 0, 0
PMS N/A
Orange 50
#FFF3EE
255, 243, 238
0, 4, 4, 0
PMS N/A

2.

Purple 300
#9295E8
146, 149, 232
43, 40, 0, 0
PMS N/A
Blue 900
#002660
0, 38, 96
100, 91, 32, 28
PMS N/A
Lemon 300
#EDE24D
237, 226,77
9, 3, 83, 0
PMS N/A
Lime 200 (M)
#BDCC70
189, 204,112
29, 7, 71, 0
PMS N/A
Lime 50
#FBFFE6
251, 255, 230
2, 0, 11, 0
PMS N/A

3.

Purple 600
#5051DB
80, 81, 219
76, 72, 0, 0
PMS 2725 U
Blue 200
#A8C9FB
168, 201, 251
31, 13, 0, 0
PMS 2717 U
Teal 100 (M)
#9AD6D0
154, 214,208
39, 0, 21, 0
PMS N/A
Magenta 800
#5B1854
91, 24, 84
66, 100, 35, 29
PMS 254 U
Mango 50
#FFF6EB
255, 246, 235
0, 3, 6, 0
PMS N/A

4.

Purple 400
#8184E5
129, 132, 229
53, 49, 0, 0
PMS N/A
Blue 900
#002660
0, 38, 96
100, 91, 32, 28
PMS N/A
Yellow 100 (M)
#E7D8A4
231, 216, 164
10, 11, 41, 0
PMS N/A
Lemon 700
#5B5609
91, 86, 9
57, 49, 100, 37
PMS N/A
Lime 50
#FBFFE6
251, 255, 230
2, 0, 11, 0
PMS N/A

5.

Purple 700
#363BC2
54, 59, 194
86, 81, 0, 0
PMS N/A
Blue 900
#002660
0, 38, 96
100, 91, 32, 28
PMS N/A
Magenta 300 (M)
#BD75B1
189, 117,177
25, 64, 0, 0
PMS N/A
Teal 300
#33D1BC
51, 209, 188
63, 0, 36, 0
PMS 3262 U
Teal 50
#F0FFFD
240, 255, 253
4, 0, 2, 0
PMS N/A

6.

Purple 800
#1D218E
29, 33, 142
100, 99, 8, 3
PMS 2736 U
Blue 100
#CDE0FD
205, 224, 253
17, 7, 0, 0
PMS N/A
Mango 200
#FFBF76
255, 191, 118
0, 29, 60, 0
PMS 134 U
Grape 300 (M)
#AB89BF
171, 137,191
33, 50, 0, 0
PMS N/A
Orange 50
#FFF3EE
255, 243, 238
0, 4, 4, 0
PMS N/A

7.

Purple 800
#1D218E
29, 33, 142
100, 99, 8, 3
PMS 2736 U
Blue 200
#A8C9FB
168, 201, 251
31, 13, 0, 0
PMS 2717 U
Green 50
#EBFFF7
235, 255, 247
6, 0, 4, 0
PMS N/A
Cyan 600
#038495
3, 132, 149
85, 33, 36, 4
PMS 313 U
Green 100 (M)
#98DBC3
152, 219, 195
39, 0, 30, 0
PMS N/A

8.

Purple 800
#1D218E
29, 33, 142
100, 99, 8, 3
PMS 2736 U
Blue 200
#A8C9FB
168, 201, 251
31, 13, 0, 0
PMS 2717 U
Grape 300
#C89EE4
200, 158, 228
23, 40, 0, 0
PMS N/A
Cyan 500 (M)
#006D81
0, 109,129
90, 45, 39,11
PMS N/A
Cyan 50
#EEFDFF
238, 253, 255
5, 0, 0, 0
PMS N/A

9.

Purple 800
#1D218E
29, 33, 142
100, 99, 8, 3
PMS 2736 U
Blue 200
#A8C9FB
168, 201, 251
31, 13, 0, 0
PMS 2717 U
Orange 500 (M)
#9C3604
156, 54,4
25, 87, 100,23
PMS N/A
Orange 100
#FDCFB9
253, 207, 185
0, 22, 24, 0
PMS N/A
Green 50
#EBFFF7
235, 255, 247
6, 0, 4, 0
PMS N/A

10.

Purple 300
#9295E8
146, 149, 232
43, 40, 0, 0
PMS N/A
Blue 900
#002660
0, 38, 96
100, 91, 32, 28
PMS N/A
Magenta 500
#CC3DBE
204, 61, 190
30, 83, 0, 0
PMS N/A
Lime 200 (M)
#BDCC70
189, 204, 112
29, 7, 71, 0
PMS N/A
Lime 50
#FBFFE6
251, 255, 230
2, 0, 11, 0
PMS N/A

11.

Blue 100
#CDE0FD
205, 224, 253
17, 7, 0, 0
PMS N/A
Magenta 900
#400039
64, 0, 57
68, 98, 41, 55
PMS N/A
Purple 600
#5051DB
80, 81, 219
76, 72, 0, 0
PMS 2725 U
Avocado 200 (M)
#A6C779
166, 199, 121
38, 6, 68, 0
PMS N/A
White
#FFFFFF
255, 255, 255
0, 0, 0, 0
PMS Bright White

12.

Purple 50
#F4F4FD
244, 244, 253
3, 3, 0, 0
PMS N/A
Blue 500
#3882F5
56, 130, 245
73, 49, 0, 0
PMS 2171 U
Grape 600
#9746CC
151, 70, 204
55, 79, 0, 0
PMS 2582 U
Lime 800 (M)
#292F16
41, 47, 22
69, 55, 87, 68
PMS N/A
Blue 100
#CDE0FD
205, 224, 253
17, 7, 0, 0
PMS N/A

13.

Purple 50
#F4F4FD
244, 244, 253
3, 3, 0, 0
PMS N/A
Blue 900
#002660
0, 38, 96
100, 91, 32, 28
PMS N/A
Raspberry 900
#420028
66, 0, 40
57, 91, 53, 65
PMS N/A
Grape 100 (M)
#DEBAD2
222, 186, 210
11, 29, 3,0
PMS N/A
Purple 100
#D3D4F6
211, 212, 246
15, 14, 0, 0
PMS N/A

14.

Blue 50
#F1F6FE
241, 246, 255
4, 1, 0, 0
PMS N/A
Purple 600
#5051DB
80, 81, 219
76, 72, 0, 0
PMS 2725 U
Grape 800
#532074
83, 32, 116
82, 100, 21, 9
PMS 2602 U
Cyan 200 (M)
#73CDDC
115, 205, 220
51, 0, 13, 0
PMS N/A
Purple 100
#D3D4F6
211, 212, 246
15, 14, 0, 0
PMS N/A

15.

Purple 50
#F4F4FD
244, 244, 253
3, 3, 0, 0
PMS N/A
Blue 800
#00398F
0, 57, 143
100, 88, 13, 3
PMS 2935 U
Avocado 200
#BEE287
190, 226, 135
28, 0, 60, 0
PMS 366 U
Green 700 (M)
#065035
6, 80, 53
89, 41, 84, 43
PMS N/A
Grape 300
#C89EE4
200, 158, 228
23, 40, 0, 0
PMS N/A





Color palette generation

We build color palettes based on a set of rules. Our color choices are vibrant, and color pairings are unexpected. Palettes change often and change is a constant. Try our color palette generator.



Depending on the use of the composition, we have a 5-color rule and a 2-color rule. The 5-color rule is our standard for most applications while our 2-color rule is used when a simpler, monochromatic palette is needed.






Accessibility & contrast

We have designed our color system to be WCAG AA compliant. All swatches have a contrast ratio of at least 4.5:1 when text is placed on top.

When applying text: Use black text on the color range 50-500. Use white text on the color range 600-900. Always check accessibility with a contrast checker.