Palette · 5 colors · Lc 8.9
Classic Ginger Circuit palette
Classic Ginger Circuit: a 5-color palette (Green, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F4E8DB, #AF6900, #007693, #5B57A0, #180C00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4E8DB
surface
#AF6900
primary
#007693
accent
#5B57A0
text
#180C00
Colors in Classic Ginger Circuit: HEX, RGB, HSL & OKLCH
- #F4E8DB color page →
bg
#F4E8DB
- RGB
- rgb(244 232 219)
- HSL
- hsl(31 53% 91%)
- OKLCH
- oklch(0.937 0.022 69.8)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.41:1 (AAA)
- #AF6900 color page →
surface
#AF6900
- RGB
- rgb(175 105 0)
- HSL
- hsl(36 100% 34%)
- OKLCH
- oklch(0.585 0.131 65.7)
WCAG contrast: on white 4.33:1 (Fail) · on black 4.84:1 (AA)
- #007693 color page →
primary
#007693
- RGB
- rgb(0 118 147)
- HSL
- hsl(192 100% 29%)
- OKLCH
- oklch(0.525 0.098 222.8)
WCAG contrast: on white 5.23:1 (AA) · on black 4.01:1 (Fail)
- #5B57A0 color page →
accent
#5B57A0
- RGB
- rgb(91 87 160)
- HSL
- hsl(243 30% 48%)
- OKLCH
- oklch(0.496 0.114 283.9)
WCAG contrast: on white 6.33:1 (AA) · on black 3.31:1 (Fail)
- #180C00 color page →
text
#180C00
- RGB
- rgb(24 12 0)
- HSL
- hsl(30 100% 5%)
- OKLCH
- oklch(0.168 0.036 73.3)
WCAG contrast: on white 19.24:1 (AAA) · on black 1.09:1 (Fail)
Export Classic Ginger Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4e8db;
--surface: #af6900;
--primary: #007693;
--accent: #5b57a0;
--text: #180c00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4e8db;
--color-surface: #af6900;
--color-primary: #007693;
--color-accent: #5b57a0;
--color-text: #180c00;
}JSON (DTCG tokens)
{
"classic-ginger-circuit-1b2": {
"bg": {
"$type": "color",
"$value": "#f4e8db"
},
"surface": {
"$type": "color",
"$value": "#af6900"
},
"primary": {
"$type": "color",
"$value": "#007693"
},
"accent": {
"$type": "color",
"$value": "#5b57a0"
},
"text": {
"$type": "color",
"$value": "#180c00"
}
}
}About this palette
Classic Ginger Circuit is a 5-color OKLCH-ready palette tagged green, warm, 5 colors. Hex values: #F4E8DB, #AF6900, #007693, #5B57A0, #180C00. 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 Classic Ginger Circuit by OKLab color distance.