Palette · 5 colors · Lc 8.6
Clear Haystack Ember palette
Clear Haystack Ember: a 5-color palette (Green, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F4EAD2, #D8B246, #9F6E00, #533C00, #0B0600, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4EAD2
surface
#D8B246
primary
#9F6E00
accent
#533C00
text
#0B0600
Colors in Clear Haystack Ember: HEX, RGB, HSL & OKLCH
- #F4EAD2 color page →
bg
#F4EAD2
- RGB
- rgb(244 234 210)
- HSL
- hsl(42 61% 89%)
- OKLCH
- oklch(0.939 0.033 88.1)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.54:1 (AAA)
- #D8B246 color page →
surface
#D8B246
- RGB
- rgb(216 178 70)
- HSL
- hsl(44 65% 56%)
- OKLCH
- oklch(0.778 0.131 89.4)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.37:1 (AAA)
- #9F6E00 color page →
primary
#9F6E00
- RGB
- rgb(159 110 0)
- HSL
- hsl(42 100% 31%)
- OKLCH
- oklch(0.574 0.12 77.9)
WCAG contrast: on white 4.46:1 (Fail) · on black 4.70:1 (AA)
- #533C00 color page →
accent
#533C00
- RGB
- rgb(83 60 0)
- HSL
- hsl(43 100% 16%)
- OKLCH
- oklch(0.372 0.076 84.2)
WCAG contrast: on white 10.42:1 (AAA) · on black 2.01:1 (Fail)
- #0B0600 color page →
text
#0B0600
- RGB
- rgb(11 6 0)
- HSL
- hsl(33 100% 2%)
- OKLCH
- oklch(0.127 0.026 85.9)
WCAG contrast: on white 20.18:1 (AAA) · on black 1.04:1 (Fail)
Export Clear Haystack Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4ead2;
--surface: #d8b246;
--primary: #9f6e00;
--accent: #533c00;
--text: #0b0600;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4ead2;
--color-surface: #d8b246;
--color-primary: #9f6e00;
--color-accent: #533c00;
--color-text: #0b0600;
}JSON (DTCG tokens)
{
"clear-haystack-ember-72g": {
"bg": {
"$type": "color",
"$value": "#f4ead2"
},
"surface": {
"$type": "color",
"$value": "#d8b246"
},
"primary": {
"$type": "color",
"$value": "#9f6e00"
},
"accent": {
"$type": "color",
"$value": "#533c00"
},
"text": {
"$type": "color",
"$value": "#0b0600"
}
}
}About this palette
Clear Haystack Ember is a 5-color OKLCH-ready palette tagged green, warm, 5 colors. Hex values: #F4EAD2, #D8B246, #9F6E00, #533C00, #0B0600. APCA contrast score Lc 8.6. 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 Clear Haystack Ember by OKLab color distance.