Palette · 5 colors · Lc 9.7
Pure Fire Bolt Tide palette
Pure Fire Bolt Tide: a 5-color palette (Orange, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FFECE6, #CF3E00, #008578, #0067B5, #1E0A06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFECE6
surface
#CF3E00
primary
#008578
accent
#0067B5
text
#1E0A06
Colors in Pure Fire Bolt Tide: HEX, RGB, HSL & OKLCH
- #FFECE6 color page →
bg
#FFECE6
- RGB
- rgb(255 236 230)
- HSL
- hsl(14 100% 95%)
- OKLCH
- oklch(0.957 0.022 38.3)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.39:1 (AAA)
- #CF3E00 color page →
surface
#CF3E00
- RGB
- rgb(207 62 0)
- HSL
- hsl(18 100% 41%)
- OKLCH
- oklch(0.572 0.19 37.3)
WCAG contrast: on white 4.83:1 (AA) · on black 4.34:1 (Fail)
- #008578 color page →
primary
#008578
- RGB
- rgb(0 133 120)
- HSL
- hsl(174 100% 26%)
- OKLCH
- oklch(0.554 0.099 183)
WCAG contrast: on white 4.53:1 (AA) · on black 4.62:1 (AA)
- #0067B5 color page →
accent
#0067B5
- RGB
- rgb(0 103 181)
- HSL
- hsl(206 100% 35%)
- OKLCH
- oklch(0.508 0.146 250.7)
WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)
- #1E0A06 color page →
text
#1E0A06
- RGB
- rgb(30 10 6)
- HSL
- hsl(10 67% 7%)
- OKLCH
- oklch(0.176 0.036 34.1)
WCAG contrast: on white 19.06:1 (AAA) · on black 1.10:1 (Fail)
Export Pure Fire Bolt Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffece6;
--surface: #cf3e00;
--primary: #008578;
--accent: #0067b5;
--text: #1e0a06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffece6;
--color-surface: #cf3e00;
--color-primary: #008578;
--color-accent: #0067b5;
--color-text: #1e0a06;
}JSON (DTCG tokens)
{
"pure-fire-bolt-tide-572": {
"bg": {
"$type": "color",
"$value": "#ffece6"
},
"surface": {
"$type": "color",
"$value": "#cf3e00"
},
"primary": {
"$type": "color",
"$value": "#008578"
},
"accent": {
"$type": "color",
"$value": "#0067b5"
},
"text": {
"$type": "color",
"$value": "#1e0a06"
}
}
}About this palette
Pure Fire Bolt Tide is a 5-color OKLCH-ready palette tagged orange, warm, 5 colors. Hex values: #FFECE6, #CF3E00, #008578, #0067B5, #1E0A06. APCA contrast score Lc 9.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 Pure Fire Bolt Tide by OKLab color distance.