Palette · 5 colors · Lc 7.9
Classic Fire Bolt System palette
Classic Fire Bolt System: a 5-color palette (Orange, Warm, Rainbow, 5 Colors). HEX, RGB, HSL and OKLCH for #F1DBD0, #D13F00, #007BB1, #843BAC, #170C08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1DBD0
surface
#D13F00
primary
#007BB1
accent
#843BAC
text
#170C08
Colors in Classic Fire Bolt System: HEX, RGB, HSL & OKLCH
- #F1DBD0 color page →
bg
#F1DBD0
- RGB
- rgb(241 219 208)
- HSL
- hsl(20 54% 88%)
- OKLCH
- oklch(0.906 0.029 48.4)
WCAG contrast: on white 1.33:1 (Fail) · on black 15.78:1 (AAA)
- #D13F00 color page →
surface
#D13F00
- RGB
- rgb(209 63 0)
- HSL
- hsl(18 100% 41%)
- OKLCH
- oklch(0.576 0.191 37.4)
WCAG contrast: on white 4.74:1 (AA) · on black 4.42:1 (Fail)
- #007BB1 color page →
primary
#007BB1
- RGB
- rgb(0 123 177)
- HSL
- hsl(198 100% 35%)
- OKLCH
- oklch(0.553 0.122 237.9)
WCAG contrast: on white 4.70:1 (AA) · on black 4.46:1 (Fail)
- #843BAC color page →
accent
#843BAC
- RGB
- rgb(132 59 172)
- HSL
- hsl(279 49% 45%)
- OKLCH
- oklch(0.501 0.179 311.3)
WCAG contrast: on white 6.55:1 (AA) · on black 3.20:1 (Fail)
- #170C08 color page →
text
#170C08
- RGB
- rgb(23 12 8)
- HSL
- hsl(16 48% 6%)
- OKLCH
- oklch(0.169 0.021 41.4)
WCAG contrast: on white 19.22:1 (AAA) · on black 1.09:1 (Fail)
Export Classic Fire Bolt System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1dbd0;
--surface: #d13f00;
--primary: #007bb1;
--accent: #843bac;
--text: #170c08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1dbd0;
--color-surface: #d13f00;
--color-primary: #007bb1;
--color-accent: #843bac;
--color-text: #170c08;
}JSON (DTCG tokens)
{
"classic-fire-bolt-system-1ly": {
"bg": {
"$type": "color",
"$value": "#f1dbd0"
},
"surface": {
"$type": "color",
"$value": "#d13f00"
},
"primary": {
"$type": "color",
"$value": "#007bb1"
},
"accent": {
"$type": "color",
"$value": "#843bac"
},
"text": {
"$type": "color",
"$value": "#170c08"
}
}
}About this palette
Classic Fire Bolt System is a 5-color OKLCH-ready palette tagged orange, warm, rainbow, 5 colors. Hex values: #F1DBD0, #D13F00, #007BB1, #843BAC, #170C08. APCA contrast score Lc 7.9. 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 Classic Fire Bolt System by OKLab color distance.