Color · Concepts Central Support
Red and teal, grounded in night.
The brand colors with every value you need for screen and print, and the combinations that stay readable.
The palette
Red and teal come from the logo. Night carries the dark sections; mist and white keep pages open. Click any value to copy it.
NightBackgrounds, footer, dark sections
- HEX
- RGB
- CMYK
RedLogo symbol, accents, alerts
- HEX
- RGB
- CMYK
TealLogo "CONCEPTS", icons, large type
- HEX
- RGB
- CMYK
Teal deepButtons and text links (passes AA on white)
- HEX
- RGB
- CMYK
GlowHighlights on dark backgrounds only
- HEX
- RGB
- CMYK
InkBody text on light backgrounds
- HEX
- RGB
- CMYK
MistLight section backgrounds
- HEX
- RGB
- CMYK
WhiteBackgrounds, text on dark
- HEX
- RGB
- CMYK
In what proportion
Mostly light, with night for weight and the two logo colors as accents. Red is for the logo and small accents, never for large areas of text.
45%White / Mist30%Night15%Teal10%Red
Readable combinations
Contrast ratios against WCAG 2.1. Use AA or better for text.
AaSample text
Body text on white17.1:1 · AAA
AaSample text
Text on night16.5:1 · AAA
AaSample text
Teal deep links on white6.3:1 · AA
AaSample text
Logo teal on white4.4:1 · AA large
AaSample text
White on red6.2:1 · AA
AaSample text
Glow on night7.7:1 · AAA
AaSample text
White on teal deep (buttons)6.3:1 · AA
AaSample text
Red on white6.2:1 · AA
AaSample text
Glow on white2.1:1 · Fail
Check a combination
Aa Sample text
-
Color files
For design tools and websites.