Palette · 7 colors · Lc 9.2
Classic Dark Orange Garden palette
Classic Dark Orange Garden: a 7-color palette (Trending, Yellow, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #FFF1E9, #FAB08A, #E78339, #C34E00, #7A2600, #4C1900, #170600, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF1E9
surface
#FAB08A
muted
#E78339
primary
#C34E00
secondary
#7A2600
accent
#4C1900
text
#170600
Colors in Classic Dark Orange Garden: HEX, RGB, HSL & OKLCH
- #FFF1E9 color page →
bg
#FFF1E9
- RGB
- rgb(255 241 233)
- HSL
- hsl(22 100% 96%)
- OKLCH
- oklch(0.967 0.019 52)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.01:1 (AAA)
- #FAB08A color page →
surface
#FAB08A
- RGB
- rgb(250 176 138)
- HSL
- hsl(20 92% 76%)
- OKLCH
- oklch(0.819 0.101 48)
WCAG contrast: on white 1.80:1 (Fail) · on black 11.64:1 (AAA)
- #E78339 color page →
muted
#E78339
- RGB
- rgb(231 131 57)
- HSL
- hsl(26 78% 56%)
- OKLCH
- oklch(0.707 0.15 53.6)
WCAG contrast: on white 2.72:1 (Fail) · on black 7.70:1 (AAA)
- #C34E00 color page →
primary
#C34E00
- RGB
- rgb(195 78 0)
- HSL
- hsl(24 100% 38%)
- OKLCH
- oklch(0.571 0.165 44.3)
WCAG contrast: on white 4.76:1 (AA) · on black 4.41:1 (Fail)
- #7A2600 color page →
secondary
#7A2600
- RGB
- rgb(122 38 0)
- HSL
- hsl(19 100% 24%)
- OKLCH
- oklch(0.394 0.124 39.8)
WCAG contrast: on white 9.97:1 (AAA) · on black 2.10:1 (Fail)
- #4C1900 color page →
accent
#4C1900
- RGB
- rgb(76 25 0)
- HSL
- hsl(20 100% 15%)
- OKLCH
- oklch(0.29 0.085 43.7)
WCAG contrast: on white 14.51:1 (AAA) · on black 1.44:1 (Fail)
- #170600 color page →
text
#170600
- RGB
- rgb(23 6 0)
- HSL
- hsl(16 100% 5%)
- OKLCH
- oklch(0.149 0.038 52.6)
WCAG contrast: on white 19.76:1 (AAA) · on black 1.06:1 (Fail)
Export Classic Dark Orange Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff1e9;
--surface: #fab08a;
--muted: #e78339;
--primary: #c34e00;
--secondary: #7a2600;
--accent: #4c1900;
--text: #170600;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff1e9;
--color-surface: #fab08a;
--color-muted: #e78339;
--color-primary: #c34e00;
--color-secondary: #7a2600;
--color-accent: #4c1900;
--color-text: #170600;
}JSON (DTCG tokens)
{
"classic-dark-orange-garden-5zw": {
"bg": {
"$type": "color",
"$value": "#fff1e9"
},
"surface": {
"$type": "color",
"$value": "#fab08a"
},
"muted": {
"$type": "color",
"$value": "#e78339"
},
"primary": {
"$type": "color",
"$value": "#c34e00"
},
"secondary": {
"$type": "color",
"$value": "#7a2600"
},
"accent": {
"$type": "color",
"$value": "#4c1900"
},
"text": {
"$type": "color",
"$value": "#170600"
}
}
}About this palette
Classic Dark Orange Garden is a 7-color OKLCH-ready palette tagged trending, yellow, warm, 7 colors. Hex values: #FFF1E9, #FAB08A, #E78339, #C34E00, #7A2600, #4C1900, #170600. APCA contrast score Lc 9.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 Garden by OKLab color distance.