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
Indigo 200
HEX: #d5d2f3
Navy 200
HEX: #D1DAE6
Teal 200
HEX: #b6d9ce
Green 200
HEX: #cce6cd
Violet 900
HEX: #573053
Indigo 950
HEX: #3d3057
Navy 800
HEX: #2F3F56
Teal 700
HEX: #305750
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
#f1f1fc
100
#e7e6f9
200*
#d5d2f3
300
#bbb6eb
400
#a598e1
500
#947ed6
600
#8465c6
700
#7354ae
800
#5d468d
900
#4e3e71
950*
#3d3057
50
#F5F7FA
100*
#EAEEF4
200*
#D1DAE6
300
#A8BAD1
400
#7995b7
500
#58789F
600
#445F85
700
#384C6C
800*
#2F3F56
900
#2D394D
950
#1E2633
50
#f4f9f7
100
#dbece7
200*
#b6d9ce
300
#8abeb1
400
#61a092
500
#478578
600
#376a60
700*
#305750
800
#294641
900
#253c38
950
#11221f
50
#f5f9f4
100
#e5f3e6
200
#cce6cd
300
#a3d2a6
400
#73b577
500
#4f9854
600
#3d7c41
700
#326335
800*
#305733
900
#254228
950
#102312
50
#fdf9ef
100
#faf1da
200
#f5e0b3
300
#eec983
400*
#e6aa52
500
#e0922f
600
#d17925
700
#ae5d20
800
#8b4b21
900
#703f1e
950
#3c1f0e

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