Palette · 5 colors · Lc 8.8
Firebug Noir palette
Firebug Noir: a 5-color palette (Orange, Warm, Sunset, 5 Colors). HEX, RGB, HSL and OKLCH for #FFDFC5, #F3936A, #C85B51, #8B2F4D, #1D1131, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFDFC5
surface
#F3936A
primary
#C85B51
accent
#8B2F4D
text
#1D1131
Colors in Firebug Noir: HEX, RGB, HSL & OKLCH
- #FFDFC5 color page →
bg
#FFDFC5
- RGB
- rgb(255 223 197)
- HSL
- hsl(27 100% 89%)
- OKLCH
- oklch(0.923 0.05 61.2)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.61:1 (AAA)
- #F3936A color page →
surface
#F3936A
- RGB
- rgb(243 147 106)
- HSL
- hsl(18 85% 68%)
- OKLCH
- oklch(0.755 0.129 43.6)
WCAG contrast: on white 2.28:1 (Fail) · on black 9.19:1 (AAA)
- #C85B51 color page →
primary
#C85B51
- RGB
- rgb(200 91 81)
- HSL
- hsl(5 52% 55%)
- OKLCH
- oklch(0.605 0.141 27.3)
WCAG contrast: on white 4.14:1 (Fail) · on black 5.07:1 (AA)
- #8B2F4D color page →
accent
#8B2F4D
- RGB
- rgb(139 47 77)
- HSL
- hsl(340 49% 36%)
- OKLCH
- oklch(0.448 0.127 3.7)
WCAG contrast: on white 8.04:1 (AAA) · on black 2.61:1 (Fail)
- #1D1131 color page →
text
#1D1131
- RGB
- rgb(29 17 49)
- HSL
- hsl(263 48% 13%)
- OKLCH
- oklch(0.213 0.061 298.3)
WCAG contrast: on white 17.84:1 (AAA) · on black 1.17:1 (Fail)
Export Firebug Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffdfc5;
--surface: #f3936a;
--primary: #c85b51;
--accent: #8b2f4d;
--text: #1d1131;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffdfc5;
--color-surface: #f3936a;
--color-primary: #c85b51;
--color-accent: #8b2f4d;
--color-text: #1d1131;
}JSON (DTCG tokens)
{
"firebug-noir-3p0": {
"bg": {
"$type": "color",
"$value": "#ffdfc5"
},
"surface": {
"$type": "color",
"$value": "#f3936a"
},
"primary": {
"$type": "color",
"$value": "#c85b51"
},
"accent": {
"$type": "color",
"$value": "#8b2f4d"
},
"text": {
"$type": "color",
"$value": "#1d1131"
}
}
}About this palette
Firebug Noir is a 5-color OKLCH-ready palette tagged orange, warm, sunset, 5 colors. Hex values: #FFDFC5, #F3936A, #C85B51, #8B2F4D, #1D1131. 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 Noir by OKLab color distance.