Palette · 4 colors · Lc 9.4
Classic Ginger Studio palette
Classic Ginger Studio: a 4-color palette (Trending, Yellow, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #F0EFEB, #B46600, #372700, #0E0B03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0EFEB
surface
#B46600
accent
#372700
text
#0E0B03
Colors in Classic Ginger Studio: HEX, RGB, HSL & OKLCH
- #F0EFEB color page →
bg
#F0EFEB
- RGB
- rgb(240 239 235)
- HSL
- hsl(48 14% 93%)
- OKLCH
- oklch(0.952 0.005 95.1)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.25:1 (AAA)
- #B46600 color page →
surface
#B46600
- RGB
- rgb(180 102 0)
- HSL
- hsl(34 100% 35%)
- OKLCH
- oklch(0.586 0.136 61.5)
WCAG contrast: on white 4.33:1 (Fail) · on black 4.84:1 (AA)
- #372700 color page →
accent
#372700
- RGB
- rgb(55 39 0)
- HSL
- hsl(43 100% 11%)
- OKLCH
- oklch(0.284 0.058 84.9)
WCAG contrast: on white 14.45:1 (AAA) · on black 1.45:1 (Fail)
- #0E0B03 color page →
text
#0E0B03
- RGB
- rgb(14 11 3)
- HSL
- hsl(44 65% 3%)
- OKLCH
- oklch(0.15 0.02 93.8)
WCAG contrast: on white 19.66:1 (AAA) · on black 1.06:1 (Fail)
Export Classic Ginger Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0efeb;
--surface: #b46600;
--accent: #372700;
--text: #0e0b03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0efeb;
--color-surface: #b46600;
--color-accent: #372700;
--color-text: #0e0b03;
}JSON (DTCG tokens)
{
"classic-ginger-studio-66r": {
"bg": {
"$type": "color",
"$value": "#f0efeb"
},
"surface": {
"$type": "color",
"$value": "#b46600"
},
"accent": {
"$type": "color",
"$value": "#372700"
},
"text": {
"$type": "color",
"$value": "#0e0b03"
}
}
}About this palette
Classic Ginger Studio is a 4-color OKLCH-ready palette tagged trending, yellow, warm, 4 colors. Hex values: #F0EFEB, #B46600, #372700, #0E0B03. 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 Studio by OKLab color distance.