.svg){kind=small}
Color
01.Core Brand Palette
To create a unique brand narrative, our core color palette is composed of three unique colors — Dark Base, Core Cool, Core Warm — and white. Ensure that these are the predominant colors in any design you create that represents GoSpotCheck. To preserve brand equity, never use values that are different from the ones below. See Proportions for guidance on how to use these colors together.
Ninja
UI-100
Black 6 C
Black 6 U
#091325
9, 19, 37
89, 78, 55, 72
Grilled Cheese
CW-100
1375 C
136 U
#F7971D
247, 151, 29
0, 48, 98, 0
3370
Maverick
CC-100
279 C
2171 U
#3D94F0
61, 148, 240
67, 36, 0, 0
Powder Day
UI-0
—
—
#FFFFFF
255, 255, 255
0, 0, 0, 0
Approved Pairings
Our palette should promote harmony and legibility. To that end, only our core blue and orange colors should never interact with each other.
02.Secondary Brand Palette
Our secondary palette is composed of five unique colors, and is designed to work in tandem with our core palette. Both palettes include warm and cool colors; the Dark Warm (DW-150) is intended to counter balance the Dark Base (UI-100) from the core palette.
These colors should be used more for emotional communication, and not to express our core identity. Use them to convey brand emotion in imagery, illustration, iconography, and typography.
1080 ½
DW-150
275 C
276 U
#2B0333
43, 3, 51
78, 93, 43, 61
Danger Zone
MW-100
7416 C
7417 U
#E85C3A
232, 92, 58
4, 79, 85, 0
Rio
MC-100
2728 C
286 U
#1948B8
25, 72, 184
92, 78, 0, 0
Blonde on Blonde
LW-100
7409 C
128 U
#EFB126
239, 177, 38
6, 32, 98, 0
Series B
LC-100
2412 C
2412 U
#3FD181
63, 209, 129
64, 0, 69, 0
Unacceptable Pairings
Because our secondary palette has so many possible color combinations, only unacceptable pairings are shown here. When in doubt, ensure there is enough contrast (see Accessibility for more).
03.Extended Brand Palette
Our extended palette includes tints and shades of our core and secondary colors, as well as a range of baseline colors that are best suited for text, background, and other user interface elements.
Baseline
Ninja
#091325
Black 6 C
Black 6 U
Christian Slater
#5F6671
95, 102, 113
62, 49, 39, 26
Dray Bay Gray
#848992
132, 137, 146
51, 38, 32, 13
Bill Murray
#DADCDE
218, 220, 222
17, 11, 12, 0
Taco Charlie
#F3F3F4
243, 243, 244
6, 4, 4, 0
Powder Day
#FFFFFF
255, 255, 255
0, 0, 0, 0
Core Cool
Bluecifer
#183B60
24, 59, 96
100, 79, 37, 25
Narwhal
#2B68A8
43, 104, 168
91, 58, 4, 0
Maverick
#3D94F0
279 C
2171 U
Poolside at the Ritz
#77B4F5
119, 180, 245
53, 17, 0, 0
Alicorn Tears
#B1D4F9
177, 212, 249
30, 6, 0, 0
Core Warm
Beer Goggles
#945B11
148, 91, 17
29, 67, 100, 20
Butterscotch
#C67917
198, 121, 23
15, 61, 100, 3
Grilled Cheese
#F7971D
1375 C
136 U
Tangerine Speedo
#F9AC4A
249, 172, 74
0, 40, 91, 0
300 Days of Sunshine
#FAC177
250, 193, 119
0, 29, 65, 0
Light Cool
Yoshi Emeralds
#195434
25, 84, 52
94, 38, 95, 38
Bunny Hill
#2C925A
44, 146, 90
92, 15, 91, 3
Series B
#3FD181
2412 C
2412 U
Ecto Cooler
#79DFA7
121, 223, 167
58, 0, 53, 0
Absinthe
#B2EDCD
178, 237, 205
34, 0, 29, 0
Light Warm
Blonde on Blonde
#EFB126
7409 C
128 U
Sunroom
#F4C867
244, 200, 103
1, 23, 78, 0
Lazy, Hazy Kinda Day
#F9E0A8
249, 224, 168
1, 12, 42, 0
Unlimited PTO
#FCEFD4
252, 239, 212
0, 5, 19, 0
Mid Cool
Weather Balloon
#0A1D4A
10, 29, 74
100, 93, 36, 42
Stratosphere
#123281
18, 50, 129
100, 91, 18, 5
Rio
#1948B8
2728 C
286 U
Cruising Altitude
#5E7FCD
94, 127, 205
68, 47, 0, 0
Cabin Pressure
#A3B6E3
243, 243, 244
6, 4, 4, 0
Mid Warm
Lumber Dad
#8B3723
139, 55, 35
27, 91, 100, 24
Ojo del Tigre
#BA4A2E
186, 74, 46
15, 88, 100, 5
Danger Zone
#E85C3A
1645 C
165 U
Chicken Warmer
#ED7D61
237, 125, 97
0, 68, 65, 0
Zero Fox Given
#F19D89
241, 157, 137
0, 50, 42, 0
Dark Warm
1080 ½
#2B0333
275 C
276 U
The Violet Hour
#41054D
65, 5, 77
75, 100, 29, 38
Herbst
#560666
86, 6, 102
72, 100, 23, 18
540 ¼
#80448C
128, 68, 140
54, 89, 6, 0
Lilac a Glove
#AB83B3
171, 131, 179
30, 56, 2, 0
04.Proportions
The blocks below illustrate the general proportions in which our brand colors should be used. White should always be the dominant color in the palette, followed by a baseline color and then a core or secondary brand color.
If more colors are needed, add them selectively and in decreasing proportions. You should limit the number of colors in your design to no more than five.
05.Accessibility
GoSpotCheck is committed to WCAG AA compliance. When using our colors, be sure to reference the grids below or the WebAIM contrast checker. Never use two colors together unless they have a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (at least 14px and bold or 18px).
Legend
Always WCAG AA compliant
Never WCAG AA compliant
Large text WCAG AA compliant (at least 14px bold or 18px)
Baseline Text
The following two grids show the accessibility of our baseline colors (when used to color text) against a core or secondary background color.
Text Color — Baseline
Background Color — Core
Text Color — Baseline
Background Color — Secondary
Core and Secondary Text
The following two grids show the accessibility of our core and secondary colors when paired together as text and background.
Text Color — Core and Secondary
Background Color — Core
Text Color — Core and Secondary
Background Color — Secondary