Palette · 8 colors · Lc 8.2
Steady Fire Bolt Quartz palette
Steady Fire Bolt Quartz: a 8-color palette (Orange, Warm, Rainbow, 8 Colors). HEX, RGB, HSL and OKLCH for #EEDDDF, #E15B79, #D13A00, #746C00, #007E5B, #0061BF, #502F86, #170B0D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEDDDF
surface
#E15B79
muted
#D13A00
primary
#746C00
secondary
#007E5B
accent
#0061BF
highlight
#502F86
text
#170B0D
Colors in Steady Fire Bolt Quartz: HEX, RGB, HSL & OKLCH
- #EEDDDF color page →
bg
#EEDDDF
- RGB
- rgb(238 221 223)
- HSL
- hsl(353 33% 90%)
- OKLCH
- oklch(0.912 0.019 9.3)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.04:1 (AAA)
- #E15B79 color page →
surface
#E15B79
- RGB
- rgb(225 91 121)
- HSL
- hsl(347 69% 62%)
- OKLCH
- oklch(0.65 0.168 9.3)
WCAG contrast: on white 3.51:1 (Fail) · on black 5.97:1 (AA)
- #D13A00 color page →
muted
#D13A00
- RGB
- rgb(209 58 0)
- HSL
- hsl(17 100% 41%)
- OKLCH
- oklch(0.571 0.195 36.1)
WCAG contrast: on white 4.86:1 (AA) · on black 4.31:1 (Fail)
- #746C00 color page →
primary
#746C00
- RGB
- rgb(116 108 0)
- HSL
- hsl(56 100% 23%)
- OKLCH
- oklch(0.522 0.11 104.5)
WCAG contrast: on white 5.40:1 (AA) · on black 3.88:1 (Fail)
- #007E5B color page →
secondary
#007E5B
- RGB
- rgb(0 126 91)
- HSL
- hsl(163 100% 25%)
- OKLCH
- oklch(0.526 0.11 165.5)
WCAG contrast: on white 5.07:1 (AA) · on black 4.13:1 (Fail)
- #0061BF color page →
accent
#0061BF
- RGB
- rgb(0 97 191)
- HSL
- hsl(210 100% 37%)
- OKLCH
- oklch(0.501 0.166 255.2)
WCAG contrast: on white 6.06:1 (AA) · on black 3.46:1 (Fail)
- #502F86 color page →
highlight
#502F86
- RGB
- rgb(80 47 134)
- HSL
- hsl(263 48% 35%)
- OKLCH
- oklch(0.394 0.139 297)
WCAG contrast: on white 10.03:1 (AAA) · on black 2.09:1 (Fail)
- #170B0D color page →
text
#170B0D
- RGB
- rgb(23 11 13)
- HSL
- hsl(350 35% 7%)
- OKLCH
- oklch(0.168 0.021 8.7)
WCAG contrast: on white 19.26:1 (AAA) · on black 1.09:1 (Fail)
Export Steady Fire Bolt Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eedddf;
--surface: #e15b79;
--muted: #d13a00;
--primary: #746c00;
--secondary: #007e5b;
--accent: #0061bf;
--highlight: #502f86;
--text: #170b0d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eedddf;
--color-surface: #e15b79;
--color-muted: #d13a00;
--color-primary: #746c00;
--color-secondary: #007e5b;
--color-accent: #0061bf;
--color-highlight: #502f86;
--color-text: #170b0d;
}JSON (DTCG tokens)
{
"steady-fire-bolt-quartz-1pc": {
"bg": {
"$type": "color",
"$value": "#eedddf"
},
"surface": {
"$type": "color",
"$value": "#e15b79"
},
"muted": {
"$type": "color",
"$value": "#d13a00"
},
"primary": {
"$type": "color",
"$value": "#746c00"
},
"secondary": {
"$type": "color",
"$value": "#007e5b"
},
"accent": {
"$type": "color",
"$value": "#0061bf"
},
"highlight": {
"$type": "color",
"$value": "#502f86"
},
"text": {
"$type": "color",
"$value": "#170b0d"
}
}
}About this palette
Steady Fire Bolt Quartz is a 8-color OKLCH-ready palette tagged orange, warm, rainbow, 8 colors. Hex values: #EEDDDF, #E15B79, #D13A00, #746C00, #007E5B, #0061BF, #502F86, #170B0D. APCA contrast score Lc 8.2. 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 Steady Fire Bolt Quartz by OKLab color distance.