Palette · 4 colors · Lc 9.4
Classic Ginger Orchard palette
Classic Ginger Orchard: a 4-color palette (Yellow, Warm, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #0F0C07, #402F12, #AB5F00, #F4EBDC, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Yellow
- Warm
- Dark Mode UI
- UI System
- 4 Colors
bg
#0F0C07
surface
#402F12
accent
#AB5F00
text
#F4EBDC
Colors in Classic Ginger Orchard: HEX, RGB, HSL & OKLCH
- #0F0C07 color page →
bg
#0F0C07
- RGB
- rgb(15 12 7)
- HSL
- hsl(38 36% 4%)
- OKLCH
- oklch(0.156 0.012 81.8)
WCAG contrast: on white 19.51:1 (AAA) · on black 1.07:1 (Fail)
- #402F12 color page →
surface
#402F12
- RGB
- rgb(64 47 18)
- HSL
- hsl(38 56% 16%)
- OKLCH
- oklch(0.318 0.05 78.6)
WCAG contrast: on white 12.85:1 (AAA) · on black 1.63:1 (Fail)
- #AB5F00 color page →
accent
#AB5F00
- RGB
- rgb(171 95 0)
- HSL
- hsl(33 100% 34%)
- OKLCH
- oklch(0.562 0.131 60.4)
WCAG contrast: on white 4.80:1 (AA) · on black 4.36:1 (Fail)
- #F4EBDC color page →
text
#F4EBDC
- RGB
- rgb(244 235 220)
- HSL
- hsl(37 52% 91%)
- OKLCH
- oklch(0.943 0.022 80.7)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.76:1 (AAA)
Export Classic Ginger Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0f0c07;
--surface: #402f12;
--accent: #ab5f00;
--text: #f4ebdc;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0f0c07;
--color-surface: #402f12;
--color-accent: #ab5f00;
--color-text: #f4ebdc;
}JSON (DTCG tokens)
{
"classic-ginger-orchard-3t6": {
"bg": {
"$type": "color",
"$value": "#0f0c07"
},
"surface": {
"$type": "color",
"$value": "#402f12"
},
"accent": {
"$type": "color",
"$value": "#ab5f00"
},
"text": {
"$type": "color",
"$value": "#f4ebdc"
}
}
}About this palette
Classic Ginger Orchard is a 4-color OKLCH-ready palette tagged yellow, warm, dark mode ui, ui system, 4 colors. Hex values: #0F0C07, #402F12, #AB5F00, #F4EBDC. APCA contrast score Lc 9.4. 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 Ginger Orchard by OKLab color distance.