Palette · 4 colors · Lc 9.3
Classic Dark Orange Brief palette
Classic Dark Orange Brief: a 4-color palette (Yellow, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #FCECE7, #CD4C00, #482110, #130806, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCECE7
surface
#CD4C00
accent
#482110
text
#130806
Colors in Classic Dark Orange Brief: HEX, RGB, HSL & OKLCH
- #FCECE7 color page →
bg
#FCECE7
- RGB
- rgb(252 236 231)
- HSL
- hsl(14 78% 95%)
- OKLCH
- oklch(0.954 0.019 38.2)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.29:1 (AAA)
- #CD4C00 color page →
surface
#CD4C00
- RGB
- rgb(205 76 0)
- HSL
- hsl(22 100% 40%)
- OKLCH
- oklch(0.585 0.177 41.9)
WCAG contrast: on white 4.53:1 (AA) · on black 4.62:1 (AA)
- #482110 color page →
accent
#482110
- RGB
- rgb(72 33 16)
- HSL
- hsl(18 64% 17%)
- OKLCH
- oklch(0.299 0.066 43.1)
WCAG contrast: on white 13.99:1 (AAA) · on black 1.50:1 (Fail)
- #130806 color page →
text
#130806
- RGB
- rgb(19 8 6)
- HSL
- hsl(9 52% 5%)
- OKLCH
- oklch(0.15 0.021 33.2)
WCAG contrast: on white 19.71:1 (AAA) · on black 1.06:1 (Fail)
Export Classic Dark Orange Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcece7;
--surface: #cd4c00;
--accent: #482110;
--text: #130806;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcece7;
--color-surface: #cd4c00;
--color-accent: #482110;
--color-text: #130806;
}JSON (DTCG tokens)
{
"classic-dark-orange-brief-2i0": {
"bg": {
"$type": "color",
"$value": "#fcece7"
},
"surface": {
"$type": "color",
"$value": "#cd4c00"
},
"accent": {
"$type": "color",
"$value": "#482110"
},
"text": {
"$type": "color",
"$value": "#130806"
}
}
}About this palette
Classic Dark Orange Brief is a 4-color OKLCH-ready palette tagged yellow, warm, 4 colors. Hex values: #FCECE7, #CD4C00, #482110, #130806. APCA contrast score Lc 9.3. 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 Brief by OKLab color distance.