Palette · 9 colors · Lc 8.8
Vivid Fire Opal Cascade palette
Vivid Fire Opal Cascade: a 9-color palette (Trending, Orange, Warm, OKLCH Neon). HEX, RGB, HSL and OKLCH for #000401, #006833, #00CD52, #00A8FF, #8777FF, #E343B9, #FB3B00, #C7C867, #E3EDE7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#000401
surface
#006833
muted
#00CD52
primary
#00A8FF
secondary
#8777FF
accent
#E343B9
highlight
#FB3B00
border
#C7C867
text
#E3EDE7
Colors in Vivid Fire Opal Cascade: HEX, RGB, HSL & OKLCH
- #000401 color page →
bg
#000401
- RGB
- rgb(0 4 1)
- HSL
- hsl(135 100% 1%)
- OKLCH
- oklch(0.093 0.024 152.7)
WCAG contrast: on white 20.63:1 (AAA) · on black 1.01:1 (Fail)
- #006833 color page →
surface
#006833
- RGB
- rgb(0 104 51)
- HSL
- hsl(149 100% 20%)
- OKLCH
- oklch(0.453 0.119 152.2)
WCAG contrast: on white 6.93:1 (AA) · on black 3.02:1 (Fail)
- #00CD52 color page →
muted
#00CD52
- RGB
- rgb(0 205 82)
- HSL
- hsl(144 100% 40%)
- OKLCH
- oklch(0.74 0.215 147.9)
WCAG contrast: on white 2.13:1 (Fail) · on black 9.85:1 (AAA)
- #00A8FF color page →
primary
#00A8FF
- RGB
- rgb(0 168 255)
- HSL
- hsl(200 100% 50%)
- OKLCH
- oklch(0.703 0.17 242.9)
WCAG contrast: on white 2.61:1 (Fail) · on black 8.04:1 (AAA)
- #8777FF color page →
secondary
#8777FF
- RGB
- rgb(135 119 255)
- HSL
- hsl(247 100% 73%)
- OKLCH
- oklch(0.651 0.195 285)
WCAG contrast: on white 3.43:1 (Fail) · on black 6.11:1 (AA)
- #E343B9 color page →
accent
#E343B9
- RGB
- rgb(227 67 185)
- HSL
- hsl(316 74% 58%)
- OKLCH
- oklch(0.65 0.228 340.4)
WCAG contrast: on white 3.63:1 (Fail) · on black 5.76:1 (AA)
- #FB3B00 color page →
highlight
#FB3B00
- RGB
- rgb(251 59 0)
- HSL
- hsl(14 100% 49%)
- OKLCH
- oklch(0.645 0.233 33.9)
WCAG contrast: on white 3.66:1 (Fail) · on black 5.72:1 (AA)
- #C7C867 color page →
border
#C7C867
- RGB
- rgb(199 200 103)
- HSL
- hsl(61 47% 59%)
- OKLCH
- oklch(0.812 0.121 109.3)
WCAG contrast: on white 1.76:1 (Fail) · on black 11.88:1 (AAA)
- #E3EDE7 color page →
text
#E3EDE7
- RGB
- rgb(227 237 231)
- HSL
- hsl(144 22% 91%)
- OKLCH
- oklch(0.937 0.013 159.9)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.53:1 (AAA)
Export Vivid Fire Opal Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #000401;
--surface: #006833;
--muted: #00cd52;
--primary: #00a8ff;
--secondary: #8777ff;
--accent: #e343b9;
--highlight: #fb3b00;
--border: #c7c867;
--text: #e3ede7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #000401;
--color-surface: #006833;
--color-muted: #00cd52;
--color-primary: #00a8ff;
--color-secondary: #8777ff;
--color-accent: #e343b9;
--color-highlight: #fb3b00;
--color-border: #c7c867;
--color-text: #e3ede7;
}JSON (DTCG tokens)
{
"vivid-fire-opal-cascade-3vd": {
"bg": {
"$type": "color",
"$value": "#000401"
},
"surface": {
"$type": "color",
"$value": "#006833"
},
"muted": {
"$type": "color",
"$value": "#00cd52"
},
"primary": {
"$type": "color",
"$value": "#00a8ff"
},
"secondary": {
"$type": "color",
"$value": "#8777ff"
},
"accent": {
"$type": "color",
"$value": "#e343b9"
},
"highlight": {
"$type": "color",
"$value": "#fb3b00"
},
"border": {
"$type": "color",
"$value": "#c7c867"
},
"text": {
"$type": "color",
"$value": "#e3ede7"
}
}
}About this palette
Vivid Fire Opal Cascade is a 9-color OKLCH-ready palette tagged trending, orange, warm, oklch neon, cyberpunk, rainbow, 9 colors. Hex values: #000401, #006833, #00CD52, #00A8FF, #8777FF, #E343B9, #FB3B00, #C7C867, #E3EDE7. APCA contrast score Lc 8.8. 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 Vivid Fire Opal Cascade by OKLab color distance.