Palette · 5 colors · Lc 8.3
Ginger Kiln palette
Ginger Kiln: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #EDE4DD, #AB650A, #007C97, #54669F, #1C0F05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDE4DD
surface
#AB650A
primary
#007C97
accent
#54669F
text
#1C0F05
Colors in Ginger Kiln: HEX, RGB, HSL & OKLCH
- #EDE4DD color page →
bg
#EDE4DD
- RGB
- rgb(237 228 221)
- HSL
- hsl(26 31% 90%)
- OKLCH
- oklch(0.924 0.014 60.6)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.74:1 (AAA)
- #AB650A color page →
surface
#AB650A
- RGB
- rgb(171 101 10)
- HSL
- hsl(34 89% 35%)
- OKLCH
- oklch(0.573 0.127 63.7)
WCAG contrast: on white 4.56:1 (AA) · on black 4.59:1 (AA)
- #007C97 color page →
primary
#007C97
- RGB
- rgb(0 124 151)
- HSL
- hsl(191 100% 30%)
- OKLCH
- oklch(0.542 0.099 220.1)
WCAG contrast: on white 4.84:1 (AA) · on black 4.32:1 (Fail)
- #54669F color page →
accent
#54669F
- RGB
- rgb(84 102 159)
- HSL
- hsl(226 31% 48%)
- OKLCH
- oklch(0.521 0.093 269.7)
WCAG contrast: on white 5.55:1 (AA) · on black 3.77:1 (Fail)
- #1C0F05 color page →
text
#1C0F05
- RGB
- rgb(28 15 5)
- HSL
- hsl(26 70% 6%)
- OKLCH
- oklch(0.184 0.03 59.7)
WCAG contrast: on white 18.75:1 (AAA) · on black 1.11:1 (Fail)
Export Ginger Kiln: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ede4dd;
--surface: #ab650a;
--primary: #007c97;
--accent: #54669f;
--text: #1c0f05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ede4dd;
--color-surface: #ab650a;
--color-primary: #007c97;
--color-accent: #54669f;
--color-text: #1c0f05;
}JSON (DTCG tokens)
{
"ginger-kiln-6o7": {
"bg": {
"$type": "color",
"$value": "#ede4dd"
},
"surface": {
"$type": "color",
"$value": "#ab650a"
},
"primary": {
"$type": "color",
"$value": "#007c97"
},
"accent": {
"$type": "color",
"$value": "#54669f"
},
"text": {
"$type": "color",
"$value": "#1c0f05"
}
}
}About this palette
Ginger Kiln is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #EDE4DD, #AB650A, #007C97, #54669F, #1C0F05. 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 Kiln by OKLab color distance.