Hex code #xxx copied to clipboard

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

PMS Coated

Black 6 C

PMS Uncoated

Black 6 U

HTML

#091325

RGB

9, 19, 37

CMYK

89, 78, 55, 72

Grilled Cheese

CW-100

PMS Coated

1375 C

PMS Uncoated

136 U

HTML

#F7971D

RGB

247, 151, 29

CMYK

0, 48, 98, 0

Thread Color

3370

Maverick

CC-100

PMS Coated

279 C

PMS Uncoated

2171 U

HTML

#3D94F0

RGB

61, 148, 240

CMYK

67, 36, 0, 0

Powder Day

UI-0

PMS Coated

PMS Uncoated

HTML

#FFFFFF

RGB

255, 255, 255

CMYK

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

PMS Coated

275 C

PMS Uncoated

276 U

HTML

#2B0333

RGB

43, 3, 51

CMYK

78, 93, 43, 61

Danger Zone

MW-100

PMS Coated

1645 C

PMS Uncoated

165 U

HTML

#E85C3A

RGB

232, 92, 58

CMYK

4, 79, 85, 0

Rio

MC-100

PMS Coated

2728 C

PMS Uncoated

286 U

HTML

#1948B8

RGB

25, 72, 184

CMYK

92, 78, 0, 0

Blonde on Blonde

LW-100

PMS Coated

7409 C

PMS Uncoated

128 U

HTML

#EFB126

RGB

239, 177, 38

CMYK

6, 32, 98, 0

Series B

LC-100

PMS Coated

2412 C

PMS Uncoated

2412 U

HTML

#3FD181

RGB

63, 209, 129

CMYK

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

UI-100

Ninja

HTML

#091325

PMS Coated

Black 6 C

PMS Uncoated

Black 6 U

UI-65

Christian Slater

HTML

#5F6671

RGB

95, 102, 113

CMYK

62, 49, 39, 26

UI-50

Dray Bay Gray

HTML

#848992

RGB

132, 137, 146

CMYK

51, 38, 32, 13

UI-15

Bill Murray

HTML

#DADCDE

RGB

218, 220, 222

CMYK

17, 11, 12, 0

UI-5

Taco Charlie

HTML

#F3F3F4

RGB

243, 243, 244

CMYK

6, 4, 4, 0

UI-0

Powder Day

HTML

#FFFFFF

RGB

255, 255, 255

CMYK

0, 0, 0, 0

Core Cool

CC-160

Bluecifer

HTML

#183B60

RGB

24, 59, 96

CMYK

100, 79, 37, 25

CC-130

Narwhal

HTML

#2B68A8

RGB

43, 104, 168

CMYK

91, 58, 4, 0

CC-100

Maverick

HTML

#3D94F0

PMS Coated

279 C

PMS Uncoated

2171 U

CC-70

Poolside at the Ritz

HTML

#77B4F5

RGB

119, 180, 245

CMYK

53, 17, 0, 0

CC-40

Alicorn Tears

HTML

#B1D4F9

RGB

177, 212, 249

CMYK

30, 6, 0, 0

Core Warm

CW-140

Beer Goggles

HTML

#945B11

RGB

148, 91, 17

CMYK

29, 67, 100, 20

CW-120

Butterscotch

HTML

#C67917

RGB

198, 121, 23

CMYK

15, 61, 100, 3

CW-100

Grilled Cheese

HTML

#F7971D

PMS Coated

1375 C

PMS Uncoated

136 U

CW-80

Tangerine Speedo

HTML

#F9AC4A

RGB

249, 172, 74

CMYK

0, 40, 91, 0

CW-60

300 Days of Sunshine

HTML

#FAC177

RGB

250, 193, 119

CMYK

0, 29, 65, 0

Light Cool

LC-160

Yoshi Emeralds

HTML

#195434

RGB

25, 84, 52

CMYK

94, 38, 95, 38

LC-130

Bunny Hill

HTML

#2C925A

RGB

44, 146, 90

CMYK

92, 15, 91, 3

LC-100

Series B

HTML

#3FD181

PMS Coated

2412 C

PMS Uncoated

2412 U

LC-70

Ecto Cooler

HTML

#79DFA7

RGB

121, 223, 167

CMYK

58, 0, 53, 0

LC-40

Absinthe

HTML

#B2EDCD

RGB

178, 237, 205

CMYK

34, 0, 29, 0

Light Warm

LW-100

Blonde on Blonde

HTML

#EFB126

PMS Coated

7409 C

PMS Uncoated

128 U

LW-70

Sunroom

HTML

#F4C867

RGB

244, 200, 103

CMYK

1, 23, 78, 0

LW-40

Lazy, Hazy Kinda Day

HTML

#F9E0A8

RGB

249, 224, 168

CMYK

1, 12, 42, 0

LW-20

Unlimited PTO

HTML

#FCEFD4

RGB

252, 239, 212

CMYK

0, 5, 19, 0

Mid Cool

MC-160

Weather Balloon

HTML

#0A1D4A

RGB

10, 29, 74

CMYK

100, 93, 36, 42

MC-130

Stratosphere

HTML

#123281

RGB

18, 50, 129

CMYK

100, 91, 18, 5

MC-100

Rio

HTML

#1948B8

PMS Coated

2728 C

PMS Uncoated

286 U

MC-70

Cruising Altitude

HTML

#5E7FCD

RGB

94, 127, 205

CMYK

68, 47, 0, 0

MC-40

Cabin Pressure

HTML

#A3B6E3

RGB

243, 243, 244

CMYK

6, 4, 4, 0

Mid Warm

MW-140

Lumber Dad

HTML

#8B3723

RGB

139, 55, 35

CMYK

27, 91, 100, 24

MW-120

Ojo del Tigre

HTML

#BA4A2E

RGB

186, 74, 46

CMYK

15, 88, 100, 5

MW-100

Danger Zone

HTML

#E85C3A

PMS Coated

1645 C

PMS Uncoated

165 U

MW-80

Chicken Warmer

HTML

#ED7D61

RGB

237, 125, 97

CMYK

0, 68, 65, 0

MW-60

Zero Fox Given

HTML

#F19D89

RGB

241, 157, 137

CMYK

0, 50, 42, 0

Dark Warm

DW-150

1080 ½

HTML

#2B0333

PMS Coated

275 C

PMS Uncoated

276 U

DW-125

The Violet Hour

HTML

#41054D

RGB

65, 5, 77

CMYK

75, 100, 29, 38

DW-100

Herbst

HTML

#560666

RGB

86, 6, 102

CMYK

72, 100, 23, 18

DW-75

540 ¼

HTML

#80448C

RGB

128, 68, 140

CMYK

54, 89, 6, 0

DW-50

Lilac a Glove

HTML

#AB83B3

RGB

171, 131, 179

CMYK

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.

2 colors
3 colors
4 colors
5 colors

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
Brand Guidelines v1.1.0 © Copyright 2019 GoSpotCheck, Inc.