Palette · 5 colors · Lc 8.3
Ginger Mirror palette
Ginger Mirror: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F4E5D9, #B16300, #0B689E, #86467B, #130D07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4E5D9
surface
#B16300
primary
#0B689E
accent
#86467B
text
#130D07
Colors in Ginger Mirror: HEX, RGB, HSL & OKLCH
- #F4E5D9 color page →
bg
#F4E5D9
- RGB
- rgb(244 229 217)
- HSL
- hsl(27 55% 90%)
- OKLCH
- oklch(0.931 0.023 61.2)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.05:1 (AAA)
- #B16300 color page →
surface
#B16300
- RGB
- rgb(177 99 0)
- HSL
- hsl(34 100% 35%)
- OKLCH
- oklch(0.577 0.134 60.7)
WCAG contrast: on white 4.51:1 (AA) · on black 4.65:1 (AA)
- #0B689E color page →
primary
#0B689E
- RGB
- rgb(11 104 158)
- HSL
- hsl(202 87% 33%)
- OKLCH
- oklch(0.497 0.116 242.7)
WCAG contrast: on white 6.02:1 (AA) · on black 3.48:1 (Fail)
- #86467B color page →
accent
#86467B
- RGB
- rgb(134 70 123)
- HSL
- hsl(310 31% 40%)
- OKLCH
- oklch(0.492 0.112 333.9)
WCAG contrast: on white 6.61:1 (AA) · on black 3.17:1 (Fail)
- #130D07 color page →
text
#130D07
- RGB
- rgb(19 13 7)
- HSL
- hsl(30 46% 5%)
- OKLCH
- oklch(0.165 0.016 67.8)
WCAG contrast: on white 19.29:1 (AAA) · on black 1.08:1 (Fail)
Export Ginger Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4e5d9;
--surface: #b16300;
--primary: #0b689e;
--accent: #86467b;
--text: #130d07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4e5d9;
--color-surface: #b16300;
--color-primary: #0b689e;
--color-accent: #86467b;
--color-text: #130d07;
}JSON (DTCG tokens)
{
"ginger-mirror-7a2": {
"bg": {
"$type": "color",
"$value": "#f4e5d9"
},
"surface": {
"$type": "color",
"$value": "#b16300"
},
"primary": {
"$type": "color",
"$value": "#0b689e"
},
"accent": {
"$type": "color",
"$value": "#86467b"
},
"text": {
"$type": "color",
"$value": "#130d07"
}
}
}About this palette
Ginger Mirror is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #F4E5D9, #B16300, #0B689E, #86467B, #130D07. APCA contrast score Lc 8.3. 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 Ginger Mirror by OKLab color distance.