Palette · 5 colors · Lc 8.8
Firebug Atelier palette
Firebug Atelier: a 5-color palette (Trending, Orange, Warm, Sunset). HEX, RGB, HSL and OKLCH for #FFE6D4, #FF957E, #D25D56, #852444, #1A1436, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE6D4
surface
#FF957E
primary
#D25D56
accent
#852444
text
#1A1436
Colors in Firebug Atelier: HEX, RGB, HSL & OKLCH
- #FFE6D4 color page →
bg
#FFE6D4
- RGB
- rgb(255 230 212)
- HSL
- hsl(25 100% 92%)
- OKLCH
- oklch(0.94 0.036 58)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.52:1 (AAA)
- #FF957E color page →
surface
#FF957E
- RGB
- rgb(255 149 126)
- HSL
- hsl(11 100% 75%)
- OKLCH
- oklch(0.776 0.133 33.2)
WCAG contrast: on white 2.13:1 (Fail) · on black 9.85:1 (AAA)
- #D25D56 color page →
primary
#D25D56
- RGB
- rgb(210 93 86)
- HSL
- hsl(3 58% 58%)
- OKLCH
- oklch(0.623 0.15 25.8)
WCAG contrast: on white 3.85:1 (Fail) · on black 5.44:1 (AA)
- #852444 color page →
accent
#852444
- RGB
- rgb(133 36 68)
- HSL
- hsl(340 57% 33%)
- OKLCH
- oklch(0.423 0.133 5)
WCAG contrast: on white 9.00:1 (AAA) · on black 2.33:1 (Fail)
- #1A1436 color page →
text
#1A1436
- RGB
- rgb(26 20 54)
- HSL
- hsl(251 46% 15%)
- OKLCH
- oklch(0.22 0.064 288.1)
WCAG contrast: on white 17.54:1 (AAA) · on black 1.19:1 (Fail)
Export Firebug Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe6d4;
--surface: #ff957e;
--primary: #d25d56;
--accent: #852444;
--text: #1a1436;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe6d4;
--color-surface: #ff957e;
--color-primary: #d25d56;
--color-accent: #852444;
--color-text: #1a1436;
}JSON (DTCG tokens)
{
"firebug-atelier-6wm": {
"bg": {
"$type": "color",
"$value": "#ffe6d4"
},
"surface": {
"$type": "color",
"$value": "#ff957e"
},
"primary": {
"$type": "color",
"$value": "#d25d56"
},
"accent": {
"$type": "color",
"$value": "#852444"
},
"text": {
"$type": "color",
"$value": "#1a1436"
}
}
}About this palette
Firebug Atelier is a 5-color OKLCH-ready palette tagged trending, orange, warm, sunset, 5 colors. Hex values: #FFE6D4, #FF957E, #D25D56, #852444, #1A1436. 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 Firebug Atelier by OKLab color distance.