To ensure brand consistency and recognition, please use the assets we've provided and follow all recommended guidelines as outlined below.
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.
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%
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%