Palette · 9 colors · Lc 7.6
Hot Lava Mirror palette
Hot Lava Mirror: a 9-color palette (Orange, Warm, Rainbow, 9 Colors). HEX, RGB, HSL and OKLCH for #D9E0D5, #7AB859, #008C2A, #0087B2, #3557D0, #9535A9, #B00031, #643100, #080A06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D9E0D5
surface
#7AB859
muted
#008C2A
primary
#0087B2
secondary
#3557D0
accent
#9535A9
highlight
#B00031
border
#643100
text
#080A06
Colors in Hot Lava Mirror: HEX, RGB, HSL & OKLCH
- #D9E0D5 color page →
bg
#D9E0D5
- RGB
- rgb(217 224 213)
- HSL
- hsl(98 15% 86%)
- OKLCH
- oklch(0.898 0.017 133.8)
WCAG contrast: on white 1.34:1 (Fail) · on black 15.57:1 (AAA)
- #7AB859 color page →
surface
#7AB859
- RGB
- rgb(122 184 89)
- HSL
- hsl(99 40% 54%)
- OKLCH
- oklch(0.719 0.143 135.8)
WCAG contrast: on white 2.37:1 (Fail) · on black 8.82:1 (AAA)
- #008C2A color page →
muted
#008C2A
- RGB
- rgb(0 140 42)
- HSL
- hsl(138 100% 27%)
- OKLCH
- oklch(0.557 0.171 145.8)
WCAG contrast: on white 4.38:1 (Fail) · on black 4.78:1 (AA)
- #0087B2 color page →
primary
#0087B2
- RGB
- rgb(0 135 178)
- HSL
- hsl(194 100% 35%)
- OKLCH
- oklch(0.583 0.116 229.6)
WCAG contrast: on white 4.11:1 (Fail) · on black 5.10:1 (AA)
- #3557D0 color page →
secondary
#3557D0
- RGB
- rgb(53 87 208)
- HSL
- hsl(227 62% 51%)
- OKLCH
- oklch(0.506 0.191 267.2)
WCAG contrast: on white 6.13:1 (AA) · on black 3.42:1 (Fail)
- #9535A9 color page →
accent
#9535A9
- RGB
- rgb(149 53 169)
- HSL
- hsl(290 52% 44%)
- OKLCH
- oklch(0.515 0.191 320.2)
WCAG contrast: on white 6.24:1 (AA) · on black 3.36:1 (Fail)
- #B00031 color page →
highlight
#B00031
- RGB
- rgb(176 0 49)
- HSL
- hsl(343 100% 35%)
- OKLCH
- oklch(0.48 0.192 18.1)
WCAG contrast: on white 7.26:1 (AAA) · on black 2.89:1 (Fail)
- #643100 color page →
border
#643100
- RGB
- rgb(100 49 0)
- HSL
- hsl(29 100% 20%)
- OKLCH
- oklch(0.373 0.092 55.9)
WCAG contrast: on white 10.59:1 (AAA) · on black 1.98:1 (Fail)
- #080A06 color page →
text
#080A06
- RGB
- rgb(8 10 6)
- HSL
- hsl(90 25% 3%)
- OKLCH
- oklch(0.14 0.01 127.9)
WCAG contrast: on white 19.87:1 (AAA) · on black 1.05:1 (Fail)
Export Hot Lava Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d9e0d5;
--surface: #7ab859;
--muted: #008c2a;
--primary: #0087b2;
--secondary: #3557d0;
--accent: #9535a9;
--highlight: #b00031;
--border: #643100;
--text: #080a06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d9e0d5;
--color-surface: #7ab859;
--color-muted: #008c2a;
--color-primary: #0087b2;
--color-secondary: #3557d0;
--color-accent: #9535a9;
--color-highlight: #b00031;
--color-border: #643100;
--color-text: #080a06;
}JSON (DTCG tokens)
{
"hot-lava-mirror-7h5": {
"bg": {
"$type": "color",
"$value": "#d9e0d5"
},
"surface": {
"$type": "color",
"$value": "#7ab859"
},
"muted": {
"$type": "color",
"$value": "#008c2a"
},
"primary": {
"$type": "color",
"$value": "#0087b2"
},
"secondary": {
"$type": "color",
"$value": "#3557d0"
},
"accent": {
"$type": "color",
"$value": "#9535a9"
},
"highlight": {
"$type": "color",
"$value": "#b00031"
},
"border": {
"$type": "color",
"$value": "#643100"
},
"text": {
"$type": "color",
"$value": "#080a06"
}
}
}About this palette
Hot Lava Mirror is a 9-color OKLCH-ready palette tagged orange, warm, rainbow, 9 colors. Hex values: #D9E0D5, #7AB859, #008C2A, #0087B2, #3557D0, #9535A9, #B00031, #643100, #080A06. APCA contrast score Lc 7.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 Hot Lava Mirror by OKLab color distance.