Palette · 8 colors · Lc 8.2
Classic Dark Orange System palette
Classic Dark Orange System: a 8-color palette (Yellow, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #FFE2CF, #FFB192, #F18340, #CD5300, #A92D00, #761700, #400B00, #190902, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE2CF
surface
#FFB192
muted
#F18340
primary
#CD5300
secondary
#A92D00
accent
#761700
highlight
#400B00
text
#190902
Colors in Classic Dark Orange System: HEX, RGB, HSL & OKLCH
- #FFE2CF color page →
bg
#FFE2CF
- RGB
- rgb(255 226 207)
- HSL
- hsl(24 100% 91%)
- OKLCH
- oklch(0.932 0.041 55.4)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.03:1 (AAA)
- #FFB192 color page →
surface
#FFB192
- RGB
- rgb(255 177 146)
- HSL
- hsl(17 100% 79%)
- OKLCH
- oklch(0.828 0.101 42.5)
WCAG contrast: on white 1.75:1 (Fail) · on black 11.95:1 (AAA)
- #F18340 color page →
muted
#F18340
- RGB
- rgb(241 131 64)
- HSL
- hsl(23 86% 60%)
- OKLCH
- oklch(0.721 0.157 49.3)
WCAG contrast: on white 2.60:1 (Fail) · on black 8.06:1 (AAA)
- #CD5300 color page →
primary
#CD5300
- RGB
- rgb(205 83 0)
- HSL
- hsl(24 100% 40%)
- OKLCH
- oklch(0.594 0.171 44.5)
WCAG contrast: on white 4.34:1 (Fail) · on black 4.83:1 (AA)
- #A92D00 color page →
secondary
#A92D00
- RGB
- rgb(169 45 0)
- HSL
- hsl(16 100% 33%)
- OKLCH
- oklch(0.488 0.167 36.1)
WCAG contrast: on white 6.85:1 (AA) · on black 3.06:1 (Fail)
- #761700 color page →
accent
#761700
- RGB
- rgb(118 23 0)
- HSL
- hsl(12 100% 23%)
- OKLCH
- oklch(0.37 0.133 34.1)
WCAG contrast: on white 11.09:1 (AAA) · on black 1.89:1 (Fail)
- #400B00 color page →
highlight
#400B00
- RGB
- rgb(64 11 0)
- HSL
- hsl(10 100% 13%)
- OKLCH
- oklch(0.246 0.084 36)
WCAG contrast: on white 16.58:1 (AAA) · on black 1.26:1 (Fail)
- #190902 color page →
text
#190902
- RGB
- rgb(25 9 2)
- HSL
- hsl(18 85% 5%)
- OKLCH
- oklch(0.162 0.034 51.6)
WCAG contrast: on white 19.42:1 (AAA) · on black 1.08:1 (Fail)
Export Classic Dark Orange System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe2cf;
--surface: #ffb192;
--muted: #f18340;
--primary: #cd5300;
--secondary: #a92d00;
--accent: #761700;
--highlight: #400b00;
--text: #190902;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe2cf;
--color-surface: #ffb192;
--color-muted: #f18340;
--color-primary: #cd5300;
--color-secondary: #a92d00;
--color-accent: #761700;
--color-highlight: #400b00;
--color-text: #190902;
}JSON (DTCG tokens)
{
"classic-dark-orange-system-7m6": {
"bg": {
"$type": "color",
"$value": "#ffe2cf"
},
"surface": {
"$type": "color",
"$value": "#ffb192"
},
"muted": {
"$type": "color",
"$value": "#f18340"
},
"primary": {
"$type": "color",
"$value": "#cd5300"
},
"secondary": {
"$type": "color",
"$value": "#a92d00"
},
"accent": {
"$type": "color",
"$value": "#761700"
},
"highlight": {
"$type": "color",
"$value": "#400b00"
},
"text": {
"$type": "color",
"$value": "#190902"
}
}
}About this palette
Classic Dark Orange System is a 8-color OKLCH-ready palette tagged yellow, warm, 8 colors. Hex values: #FFE2CF, #FFB192, #F18340, #CD5300, #A92D00, #761700, #400B00, #190902. APCA contrast score Lc 8.2. 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 System by OKLab color distance.