Tangerine Dream is a 4-colour orange palette combining Linen, Peach, Tangerine and Burnt Orange. Because the colours share a similar hue, the palette feels cohesive — use contrast in lightness to create hierarchy.
Colour codes
| Colour | HEX | RGB | HSL | CMYK |
|---|---|---|---|---|
| Linen | ||||
| Peach | ||||
| Tangerine | ||||
| Burnt Orange |
Export palette
:root {
--linen: #fff1e0;
--peach: #ffc078;
--tangerine: #ff922b;
--burnt-orange: #e8590c;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
3.22:1AA Large
Aa
2.23:1Fail
Aa
2.01:1Fail
Aa
1.60:1Fail
Aa
1.45:1Fail
Aa
1.39:1Fail