Palette · 5 colors · Lc 8.6
Classic Dark Orange Drift palette
Classic Dark Orange Drift: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FFE8DA, #C45100, #00848F, #1E62B0, #1D1008, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE8DA
surface
#C45100
primary
#00848F
accent
#1E62B0
text
#1D1008
Colors in Classic Dark Orange Drift: HEX, RGB, HSL & OKLCH
- #FFE8DA color page →
bg
#FFE8DA
- RGB
- rgb(255 232 218)
- HSL
- hsl(23 100% 93%)
- OKLCH
- oklch(0.946 0.031 53.5)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.80:1 (AAA)
- #C45100 color page →
surface
#C45100
- RGB
- rgb(196 81 0)
- HSL
- hsl(25 100% 38%)
- OKLCH
- oklch(0.577 0.164 45.3)
WCAG contrast: on white 4.64:1 (AA) · on black 4.52:1 (AA)
- #00848F color page →
primary
#00848F
- RGB
- rgb(0 132 143)
- HSL
- hsl(185 100% 28%)
- OKLCH
- oklch(0.56 0.096 205.1)
WCAG contrast: on white 4.47:1 (Fail) · on black 4.69:1 (AA)
- #1E62B0 color page →
accent
#1E62B0
- RGB
- rgb(30 98 176)
- HSL
- hsl(212 71% 40%)
- OKLCH
- oklch(0.497 0.141 254.9)
WCAG contrast: on white 6.12:1 (AA) · on black 3.42:1 (Fail)
- #1D1008 color page →
text
#1D1008
- RGB
- rgb(29 16 8)
- HSL
- hsl(23 57% 7%)
- OKLCH
- oklch(0.189 0.027 52.5)
WCAG contrast: on white 18.58:1 (AAA) · on black 1.12:1 (Fail)
Export Classic Dark Orange Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe8da;
--surface: #c45100;
--primary: #00848f;
--accent: #1e62b0;
--text: #1d1008;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe8da;
--color-surface: #c45100;
--color-primary: #00848f;
--color-accent: #1e62b0;
--color-text: #1d1008;
}JSON (DTCG tokens)
{
"classic-dark-orange-drift-3e8": {
"bg": {
"$type": "color",
"$value": "#ffe8da"
},
"surface": {
"$type": "color",
"$value": "#c45100"
},
"primary": {
"$type": "color",
"$value": "#00848f"
},
"accent": {
"$type": "color",
"$value": "#1e62b0"
},
"text": {
"$type": "color",
"$value": "#1d1008"
}
}
}About this palette
Classic Dark Orange Drift is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #FFE8DA, #C45100, #00848F, #1E62B0, #1D1008. APCA contrast score Lc 8.6. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Classic Dark Orange Drift by OKLab color distance.