Palette · 5 colors · Lc 8.5
Classic Ginger Ember palette
Classic Ginger Ember: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F2E2D5, #AA5E00, #006FA0, #78487A, #160B03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2E2D5
surface
#AA5E00
primary
#006FA0
accent
#78487A
text
#160B03
Colors in Classic Ginger Ember: HEX, RGB, HSL & OKLCH
- #F2E2D5 color page →
bg
#F2E2D5
- RGB
- rgb(242 226 213)
- HSL
- hsl(27 53% 89%)
- OKLCH
- oklch(0.922 0.025 61.6)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.61:1 (AAA)
- #AA5E00 color page →
surface
#AA5E00
- RGB
- rgb(170 94 0)
- HSL
- hsl(33 100% 33%)
- OKLCH
- oklch(0.559 0.131 60.1)
WCAG contrast: on white 4.87:1 (AA) · on black 4.31:1 (Fail)
- #006FA0 color page →
primary
#006FA0
- RGB
- rgb(0 111 160)
- HSL
- hsl(198 100% 31%)
- OKLCH
- oklch(0.514 0.113 237.7)
WCAG contrast: on white 5.55:1 (AA) · on black 3.78:1 (Fail)
- #78487A color page →
accent
#78487A
- RGB
- rgb(120 72 122)
- HSL
- hsl(298 26% 38%)
- OKLCH
- oklch(0.476 0.097 325.5)
WCAG contrast: on white 6.98:1 (AA) · on black 3.00:1 (Fail)
- #160B03 color page →
text
#160B03
- RGB
- rgb(22 11 3)
- HSL
- hsl(25 76% 5%)
- OKLCH
- oklch(0.163 0.027 62.5)
WCAG contrast: on white 19.38:1 (AAA) · on black 1.08:1 (Fail)
Export Classic Ginger Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2e2d5;
--surface: #aa5e00;
--primary: #006fa0;
--accent: #78487a;
--text: #160b03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2e2d5;
--color-surface: #aa5e00;
--color-primary: #006fa0;
--color-accent: #78487a;
--color-text: #160b03;
}JSON (DTCG tokens)
{
"classic-ginger-ember-ht": {
"bg": {
"$type": "color",
"$value": "#f2e2d5"
},
"surface": {
"$type": "color",
"$value": "#aa5e00"
},
"primary": {
"$type": "color",
"$value": "#006fa0"
},
"accent": {
"$type": "color",
"$value": "#78487a"
},
"text": {
"$type": "color",
"$value": "#160b03"
}
}
}About this palette
Classic Ginger Ember is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #F2E2D5, #AA5E00, #006FA0, #78487A, #160B03. APCA contrast score Lc 8.5. 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 Ember by OKLab color distance.