Palette · 8 colors · Lc 8.9
True Ginger Atelier palette
True Ginger Atelier: a 8-color palette (Yellow, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #180A00, #361E00, #6E3600, #934A00, #B66400, #DD995F, #F7C48D, #FFEEDA, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#180A00
surface
#361E00
muted
#6E3600
primary
#934A00
secondary
#B66400
accent
#DD995F
highlight
#F7C48D
text
#FFEEDA
Colors in True Ginger Atelier: HEX, RGB, HSL & OKLCH
- #180A00 color page →
bg
#180A00
- RGB
- rgb(24 10 0)
- HSL
- hsl(25 100% 5%)
- OKLCH
- oklch(0.162 0.036 66)
WCAG contrast: on white 19.40:1 (AAA) · on black 1.08:1 (Fail)
- #361E00 color page →
surface
#361E00
- RGB
- rgb(54 30 0)
- HSL
- hsl(33 100% 11%)
- OKLCH
- oklch(0.261 0.057 68.1)
WCAG contrast: on white 15.64:1 (AAA) · on black 1.34:1 (Fail)
- #6E3600 color page →
muted
#6E3600
- RGB
- rgb(110 54 0)
- HSL
- hsl(29 100% 22%)
- OKLCH
- oklch(0.398 0.098 55.4)
WCAG contrast: on white 9.58:1 (AAA) · on black 2.19:1 (Fail)
- #934A00 color page →
primary
#934A00
- RGB
- rgb(147 74 0)
- HSL
- hsl(30 100% 29%)
- OKLCH
- oklch(0.491 0.121 55.1)
WCAG contrast: on white 6.52:1 (AA) · on black 3.22:1 (Fail)
- #B66400 color page →
secondary
#B66400
- RGB
- rgb(182 100 0)
- HSL
- hsl(33 100% 36%)
- OKLCH
- oklch(0.586 0.138 59.4)
WCAG contrast: on white 4.36:1 (Fail) · on black 4.81:1 (AA)
- #DD995F color page →
accent
#DD995F
- RGB
- rgb(221 153 95)
- HSL
- hsl(28 65% 62%)
- OKLCH
- oklch(0.738 0.111 60.3)
WCAG contrast: on white 2.38:1 (Fail) · on black 8.79:1 (AAA)
- #F7C48D color page →
highlight
#F7C48D
- RGB
- rgb(247 196 141)
- HSL
- hsl(31 87% 76%)
- OKLCH
- oklch(0.853 0.092 68.2)
WCAG contrast: on white 1.58:1 (Fail) · on black 13.23:1 (AAA)
- #FFEEDA color page →
text
#FFEEDA
- RGB
- rgb(255 238 218)
- HSL
- hsl(32 100% 93%)
- OKLCH
- oklch(0.957 0.032 71.9)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.49:1 (AAA)
Export True Ginger Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #180a00;
--surface: #361e00;
--muted: #6e3600;
--primary: #934a00;
--secondary: #b66400;
--accent: #dd995f;
--highlight: #f7c48d;
--text: #ffeeda;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #180a00;
--color-surface: #361e00;
--color-muted: #6e3600;
--color-primary: #934a00;
--color-secondary: #b66400;
--color-accent: #dd995f;
--color-highlight: #f7c48d;
--color-text: #ffeeda;
}JSON (DTCG tokens)
{
"true-ginger-atelier-3fg": {
"bg": {
"$type": "color",
"$value": "#180a00"
},
"surface": {
"$type": "color",
"$value": "#361e00"
},
"muted": {
"$type": "color",
"$value": "#6e3600"
},
"primary": {
"$type": "color",
"$value": "#934a00"
},
"secondary": {
"$type": "color",
"$value": "#b66400"
},
"accent": {
"$type": "color",
"$value": "#dd995f"
},
"highlight": {
"$type": "color",
"$value": "#f7c48d"
},
"text": {
"$type": "color",
"$value": "#ffeeda"
}
}
}About this palette
True Ginger Atelier is a 8-color OKLCH-ready palette tagged yellow, warm, 8 colors. Hex values: #180A00, #361E00, #6E3600, #934A00, #B66400, #DD995F, #F7C48D, #FFEEDA. APCA contrast score Lc 8.9. 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 True Ginger Atelier by OKLab color distance.