Color Palette

Our color palette is versatile and adaptable, allowing for a consistent brand experience across all touch-points. Whether it’s our website, social media, or other marketing materials, these colors create a cohesive and impactful visual identity.

Table of Contents

Primary colors

Lead with navy charcoal and Columbia blue for big brand moments, and lean on yellow for warmth. We incorporate a neutral gray in our primary colors to help our client’s brands shine bright when presented next to ours.

Navy 800
HEX: #2F3F56​
RGB: 47, 63, 86​
HSL: 215.4, 29.3%, 26.1%​
CMYK: 45, 27, 0, 66
Navy 100
HEX: #EAEEF4
RGB: 234, 238, 244
HSL: 216, 31.3%, 93.7%
CYMK: 4, 2, 0, 4
Navy 200
HEX: #D1DAE6
RGB: 234, 238, 244
HSL: 216, 31.3%, 93.7%
CYMK: 4, 2, 0, 4
Yellow 400
HEX: #E6AA52​
RGB: 230, 170, 82​
HSL: 35.7, 74.7%, 61.2%​
CMYK: 0, 26, 64, 10​
White
HEX: #FFFFFF​
RGB: 255, 255, 255​
HSL: 0, 0%, 100%​
CMYK: 0, 0, 0, 0​
Gray 100
HEX: #E5E5E5
RGB: 229, 229, 229
HSL: 0, 0%, 89.8%
CMYK: 0, 0, 0, 10
Black
HEX: #000000
RGB: 0, 0, 0
HSL: 0, 0%, 0%
CMYK: 0, 0, 0,100

Secondary colors

This secondary palette gives our core palette more dimension. For example, we often use teal 200 and 700 and spectra when promoting our Mammoth Cause initiative. Be kind to all eyes. Please do not use these colors for text; pair them only with white or black text, as outlined below.

Amaranth
HEX: #d7274d
Teal 200
HEX: #b6d9ce
Teal 700
HEX: #305750

Analogous palette

For a more nuanced and sophisticated look, we utilize an analogous color palette centered around our Navy 800. This approach allows for a sense of cohesion while offering subtle variations in tone and intensity.

Violet 200
HEX: #f0ddf1
Navy 200
HEX: #D1DAE6
Green 200
HEX: #cce6cd
Violet 900
HEX: #573053
Navy 800
HEX: #2F3F56
Green 800
HEX: #305733

Color Scales

To allow for more flexibility and creativity in designs, we’ve defined a full range of tints and shades for each color in our primary and secondary color palettes. This allows us to ensure there’s an option for every need.

50
#F2F2F2
100*
#E5E5E5
200
#CCCCCC
300
#B3B3B3
400
#999999
500
#808080
600
#666666
700
#4d4d4d4
800
#333333
900
#1a1a1a
950
#0D0D0D
50
#fcf7fc
100
#f8eef9
200
#f0ddf1
300
#e6c1e6
400
#d69cd5
500
#c174bf
600
#a455a1
700
#874482
800
#6f396a
900*
#573053
950
#3a1837
50
#F5F7FA
100*
#EAEEF4
200*
#D1DAE6
300
#A8BAD1
400
#7995b7
500
#58789F
600
#445F85
700
#384C6C
800*
#2F3F56
900
#2D394D
950
#1E2633
50
#f5f9f4
100
#e5f3e6
200
#cce6cd
300
#a3d2a6
400
#73b577
500
#4f9854
600
#3d7c41
700
#326335
800*
#305733
900
#254228
950
#102312

Need help updating your brand's color palette?

Do you need help defining your brand or giving it a much-needed refresh? Reach out to us today. We love helping brands create distinct identities that set them apart from their competitors.

Skip to content