← Brand Guide

Chapter 03, Color

Color

Yellow for energy. Sage for calm. Midnight for weight. Use them in this order of priority.

Three colors lead. Everything else supports.

Primary · Yellow

HEX #F9A826 RGB 249, 168, 38 CMYK 0, 33, 85, 2

Accent · Sage

HEX #B2D7D2 RGB 178, 215, 210 CMYK 17, 0, 2, 16

Base · Midnight

HEX #242F4C RGB 36, 47, 76 CMYK 53, 38, 0, 70

Extended palette

Yellow

#FEE5C6

#FED9AD

#FECE93

#FFC37A

#FEB760

#F9A826

#E6A557

#B38143

#996E3A

Sage

#EDF6F4

#E5F3F0

#D3E9E4

#C5DFD9

#B2D7D2

#9ECEC8

#84B9B3

#73A49E

#5A8D87

Midnight

#E8EAF0

#C6CBD7

#A4ADBD

#8290A4

#60728B

#3F5472

#2E3A59

#242F4C

#1A2336

Info

#DCE6F8

#C2D2EA

#9EB6DD

#7AA0D3

#5E96EB

#4A7BBC

#3A6398

#2C4A73

#374A66

Warning

#FEE5C6

#FEDBA8

#FECC85

#FDBD63

#F9A826

#D68E1C

#AD7416

#8A5D11

#5E3F0B

Danger

#FCCFCF

#F8A9A9

#F38383

#F06E6E

#F26E6E

#CC5555

#A64444

#803A3A

#5A2A2A

Grayscale

#FFFFFF

#F9FAFB

#E8E7E8

#D1D0D2

#BBBBBC

#A5A5A6

#7B7A7D

#4E4D50

#242F4C

In practice, 60 / 30 / 10.

Lead with calm neutral surfaces, support with Midnight and Sage, and save Yellow for the moments that matter, buttons, highlights and calls to action.

60% Neutral surfaces

30% Midnight & Sage

10% Yellow accents