Skip to main content

Color Palette

We have quite the expansive color palette. Each primary color, besides our brown & grey scale colors, has 100% saturation and a brightness of 79%, ensuring the customer experiences the primary colors equally. Accent colors and hover colors are specified separately, with either an increase in luminosity for lighter accent colors, or a decrease in luminosity for hover effects.

You’ll notice that the colors have their corresponding names over the color in either black or white. These colors have been color blind tested. IF you are going to put text over a color, follow the text over color examples provided EXACTLY as they’re specified here.
Balance Blue

Hex: #006BC9
HSB: 208, 100, 79
RGB: 0, 107, 201
CMYK: 100, 47, 0, 21
HSL: 208, 100%, 39%

Chinese New Year Red

Hex: #C90007
HSB: 358, 100, 79
RGB: 201, 0, 7
CMYK: 0, 100, 97, 21
HSL: 358, 100%, 39%

Columbia Blue

This color was contrived from Balance Blue. The luminosity was raised from 39% to 89%. Use for accent and/or contrast.
Hex: #C7E5FF
HSB: 208, 22, 100
RGB: 199, 229, 255
CMYK: 22, 10, 0, 0
HSL: 208, 100%, 89%

Lapis Lazuli

This color was contrived from Balance Blue. The luminosity was decreased from 39% to 34%. Use for hover effects.
Hex: #005CAD
HSB: 208, 100, 68
RGB: 0, 92, 173
CMYK: 100, 47, 0, 32
HSL: 208, 100%, 34%

Tea Rose

This color was contrived from Chinese New Year Red. The luminosity was raised from 39% to 89%. Use for accent and/or contrast.
Hex: #C99700
HSB: 358, 22, 100
RGB: 255, 199, 201
CMYK: 0, 22, 21, 0
HSL: 358, 100%, 89%

Turkey Red

This color was contrived from Chinese New Year Red. The luminosity was decreased from 39% to 34%. Use for hover effects.
Hex: #C9B500
HSB: 358, 100, 68
RGB: 173, 0, 6
CMYK: 0, 100, 97, 32
HSL: 358, 100%, 34%

Jade

Hex: #00C980
HSB: 158, 100, 79
RGB: 0, 201, 128
CMYK: 100, 0, 36, 21
HSL: 158, 100%, 39%

Violet

Hex: #8300C9
HSB: 279, 100, 79
RGB: 131, 0, 201
CMYK: 35, 100, 0, 21
HSL: 279, 100%, 39%

Celeste

This color was contrived from Jade. The luminosity was raised from 39% to 89%. Use for accent and/or contrast.
Hex: #C7FFEA
HSB: 158, 22, 100
RGB: 199, 255, 234
CMYK: 22, 0, 8, 0
HSL: 158, 100%, 89%

Shamrock Green

This color was contrived from Jade. The luminosity was decreased from 39% to 34%. Use for hover effects.
Hex: #00AD6E
HSB: 158, 100, 68
RGB: 0, 173, 110
CMYK: 100, 0, 36, 32
HSL: 158, 100%, 34%

Mauve

This color was contrived from Violet. The luminosity was raised from 39% to 89%. Use for accent and/or contrast.
Hex: #ebc7ff
HSB: 279, 22, 100
RGB: 235, 199, 255
CMYK: 8, 22, 0, 0
HSL: 279, 100%, 89%

Grape

This color was contrived from Violet. The luminosity was decreased from 39% to 34%. Use for hover effects.
Hex: #7100ad
HSB: 279, 100, 68
RGB: 113, 0, 173
CMYK: 35, 100, 0, 32
HSL: 279, 100%, 34%

Chamoise

Hex: #99785C
HSB: 28, 40, 60
RGB: 153, 120, 92
CMYK: 0, 22, 40, 40

Bronze

Hex: #C96B00
HSB: 32, 100, 79
RGB: 201, 107, 0
CMYK: 0, 47, 100, 21

Amber

Hex: #C99700
HSB: 45, 100, 79
RGB: 201, 151, 0
CMYK: 0, 25, 100, 21

Gold

Hex: #C9B500
HSB: 54, 100, 79
RGB: 201, 181, 0
CMYK: 0, 10, 100, 21

Citrine

Hex: #C9C300
HSB: 58, 100, 79
RGB: 201, 195, 0
CMYK: 0, 3, 100, 21

Magenta

Hex: #C9006B
HSB: 328, 100, 79
RGB: 201, 0, 107
CMYK: 0, 100, 47, 21

Platinum

Hex: #E3E1E1
HSB: 358, 1, 89
RGB: 227, 225, 225
CMYK: 0, 1, 1, 11

Silver

Hex: #B0AEAE
HSB: 358, 1, 69
RGB: 176, 174, 174
CMYK: 0, 1, 1, 31

Gray

Hex: #7D7C7C
HSB: 358, 1, 49
RGB: 125, 124, 124
CMYK: 0, 1, 1, 51

Onyx

Hex: #4A4949
HSB: 358, 1, 29
RGB: 74, 73, 73
CMYK: 0, 1, 1, 71

Almost Black

Hex: #171717
HSB: 0, 0, 9
RGB: 23, 23, 23
CMYK: 0, 0, 0, 91