Color

Color does more than decorate: it signals action, emotion, and accessibility. Base Blue is our anchor — an RGB-native hue optimized for every screen. The gray ramp provides structure and hierarchy while the secondary palette adds energy when needed. Think rhythm, not rainbow: lead with monochrome and spotlight one accent. This restraint gives the palette its power.

Our Palette

Core palette: Blue, Black, White, and a full gray ramp from Gray 0 to Gray 100. Secondary palette: Cerulean, Tan, Yellow, Green, Lime Green, Red, and Pink.

Blue
#0000FF
Gray 0
Gray 10
Cerulean
Gray 15
Gray 30
Tan
Black
#000000
Gray 50
Yellow
Green
Gray 80
Red
Pink

Base Blue

Base Blue is the primary brand color — an RGB-native pure blue optimized for digital screens. It anchors every composition and serves as the key interactive color across the entire system.

Blue#0000FF
R 0 / G 0 / B 255PMS 286C 100 / M 72 / Y 0 / K 0

Color Values

HEX and RGB values for every color in the palette. Click any swatch to copy its hex value.

HEX, RGB
Blue#0000FF
R 0G 0B 255
Cerulean#3C8AFF
R 60G 138B 255
Gray 0#FFFFFF
R 255G 255B 255
Gray 10#EEF0F3
R 238G 240B 243
Tan#B8A581
R 184G 165B 129
Yellow#FFD12F
R 255G 209B 47
Gray 15#DEE1E7
R 222G 225B 231
Gray 30#B1B7C3
R 177G 183B 195
Green#66C800
R 102G 200B 0
Lime Green#B6F569
R 182G 245B 105
Gray 50#717886
R 113G 120B 134
Gray 60#5B616E
R 91G 97B 110
Red#FC401F
R 252G 64B 31
Pink#FEA8CD
R 254G 168B 205
Gray 80#32353D
R 50G 53B 61
Gray 100#0A0B0D
R 10G 11B 13

Print Values

Pantone and CMYK values for print production. Not all colors have Pantone equivalents.

Pantone, CMYK
Blue#0000FF
PMS 286C 100 / M 72 / Y 0 / K 0
Cerulean#3C8AFF
C 76 / M 29 / Y 0 / K 0
Gray 0#FFFFFF
C 0 / M 0 / Y 0 / K 0
Gray 10#EEF0F3
C 3 / M 2 / Y 1 / K 0
Tan#B8A581
C 0 / M 11 / Y 35 / K 27
Yellow#FFD12F
C 0 / M 8 / Y 81 / K 0
Gray 15#DEE1E7
C 3 / M 2 / Y 1 / K 7
Gray 30#B1B7C3
C 3 / M 2 / Y 0 / K 23
Green#66C800
C 60 / M 0 / Y 100 / K 0
Lime Green#B6F569
C 25 / M 0 / Y 57 / K 0
Gray 50#717886
C 16 / M 9 / Y 0 / K 47
Gray 60#5B616E
C 16 / M 10 / Y 0 / K 57
Red#FC401F
C 0 / M 75 / Y 88 / K 1
Pink#FEA8CD
C 0 / M 33 / Y 5 / K 0
Gray 80#32353D
C 18 / M 13 / Y 0 / K 76
Gray 100#0A0B0D
C 0 / M 0 / Y 0 / K 96

Using Color

Different contexts call for different levels of palette expression. Start with the core and expand only when the context calls for it.

Core
+
+
Marketing, Social
+
+
Novelty
+

Using Secondary Color

Limit secondary color use to maintain visual hierarchy. Pair with the core palette (Black + White/Gray + Blue) and add no more than one or two secondary colors at a time.

1 Color
2 Colors
3 Colors — Analogous
Multicolor