Palette · 5 colors · Lc 7.7
Vulcan Fire Grove palette
Vulcan Fire Grove: a 5-color palette (Orange, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #EEDCD6, #FF868A, #E53600, #8B2A00, #2E0600, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEDCD6
surface
#FF868A
primary
#E53600
accent
#8B2A00
text
#2E0600
Colors in Vulcan Fire Grove: HEX, RGB, HSL & OKLCH
- #EEDCD6 color page →
bg
#EEDCD6
- RGB
- rgb(238 220 214)
- HSL
- hsl(15 41% 89%)
- OKLCH
- oklch(0.907 0.022 39.4)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.84:1 (AAA)
- #FF868A color page →
surface
#FF868A
- RGB
- rgb(255 134 138)
- HSL
- hsl(358 100% 76%)
- OKLCH
- oklch(0.755 0.147 19.1)
WCAG contrast: on white 2.32:1 (Fail) · on black 9.02:1 (AAA)
- #E53600 color page →
primary
#E53600
- RGB
- rgb(229 54 0)
- HSL
- hsl(14 100% 45%)
- OKLCH
- oklch(0.603 0.216 34.1)
WCAG contrast: on white 4.32:1 (Fail) · on black 4.85:1 (AA)
- #8B2A00 color page →
accent
#8B2A00
- RGB
- rgb(139 42 0)
- HSL
- hsl(18 100% 27%)
- OKLCH
- oklch(0.43 0.139 38.7)
WCAG contrast: on white 8.64:1 (AAA) · on black 2.42:1 (Fail)
- #2E0600 color page →
text
#2E0600
- RGB
- rgb(46 6 0)
- HSL
- hsl(8 100% 9%)
- OKLCH
- oklch(0.2 0.068 36.2)
WCAG contrast: on white 18.38:1 (AAA) · on black 1.14:1 (Fail)
Export Vulcan Fire Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eedcd6;
--surface: #ff868a;
--primary: #e53600;
--accent: #8b2a00;
--text: #2e0600;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eedcd6;
--color-surface: #ff868a;
--color-primary: #e53600;
--color-accent: #8b2a00;
--color-text: #2e0600;
}JSON (DTCG tokens)
{
"vulcan-fire-grove-57l": {
"bg": {
"$type": "color",
"$value": "#eedcd6"
},
"surface": {
"$type": "color",
"$value": "#ff868a"
},
"primary": {
"$type": "color",
"$value": "#e53600"
},
"accent": {
"$type": "color",
"$value": "#8b2a00"
},
"text": {
"$type": "color",
"$value": "#2e0600"
}
}
}About this palette
Vulcan Fire Grove is a 5-color OKLCH-ready palette tagged orange, warm, 5 colors. Hex values: #EEDCD6, #FF868A, #E53600, #8B2A00, #2E0600. APCA contrast score Lc 7.7. 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 Vulcan Fire Grove by OKLab color distance.