Palette · 8 colors · Lc 8.8
Pure Firebug Quartz palette
Pure Firebug Quartz: a 8-color palette (Orange, Warm, Sunset, 8 Colors). HEX, RGB, HSL and OKLCH for #FFE6D5, #EFB391, #F18360, #D45B4D, #B84F54, #9B2F4B, #4F1A48, #1B0E30, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE6D5
surface
#EFB391
muted
#F18360
primary
#D45B4D
secondary
#B84F54
accent
#9B2F4B
highlight
#4F1A48
text
#1B0E30
Colors in Pure Firebug Quartz: HEX, RGB, HSL & OKLCH
- #FFE6D5 color page →
bg
#FFE6D5
- RGB
- rgb(255 230 213)
- HSL
- hsl(24 100% 92%)
- OKLCH
- oklch(0.941 0.036 56.5)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.53:1 (AAA)
- #EFB391 color page →
surface
#EFB391
- RGB
- rgb(239 179 145)
- HSL
- hsl(22 75% 75%)
- OKLCH
- oklch(0.814 0.084 50.7)
WCAG contrast: on white 1.82:1 (Fail) · on black 11.52:1 (AAA)
- #F18360 color page →
muted
#F18360
- RGB
- rgb(241 131 96)
- HSL
- hsl(14 84% 66%)
- OKLCH
- oklch(0.725 0.144 38.4)
WCAG contrast: on white 2.57:1 (Fail) · on black 8.15:1 (AAA)
- #D45B4D color page →
primary
#D45B4D
- RGB
- rgb(212 91 77)
- HSL
- hsl(6 61% 57%)
- OKLCH
- oklch(0.622 0.156 28.9)
WCAG contrast: on white 3.88:1 (Fail) · on black 5.40:1 (AA)
- #B84F54 color page →
secondary
#B84F54
- RGB
- rgb(184 79 84)
- HSL
- hsl(357 43% 52%)
- OKLCH
- oklch(0.564 0.136 19.7)
WCAG contrast: on white 4.90:1 (AA) · on black 4.28:1 (Fail)
- #9B2F4B color page →
accent
#9B2F4B
- RGB
- rgb(155 47 75)
- HSL
- hsl(344 53% 40%)
- OKLCH
- oklch(0.475 0.144 9)
WCAG contrast: on white 7.23:1 (AAA) · on black 2.90:1 (Fail)
- #4F1A48 color page →
highlight
#4F1A48
- RGB
- rgb(79 26 72)
- HSL
- hsl(308 50% 21%)
- OKLCH
- oklch(0.319 0.101 333.2)
WCAG contrast: on white 13.34:1 (AAA) · on black 1.57:1 (Fail)
- #1B0E30 color page →
text
#1B0E30
- RGB
- rgb(27 14 48)
- HSL
- hsl(263 55% 12%)
- OKLCH
- oklch(0.204 0.065 298)
WCAG contrast: on white 18.22:1 (AAA) · on black 1.15:1 (Fail)
Export Pure Firebug Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe6d5;
--surface: #efb391;
--muted: #f18360;
--primary: #d45b4d;
--secondary: #b84f54;
--accent: #9b2f4b;
--highlight: #4f1a48;
--text: #1b0e30;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe6d5;
--color-surface: #efb391;
--color-muted: #f18360;
--color-primary: #d45b4d;
--color-secondary: #b84f54;
--color-accent: #9b2f4b;
--color-highlight: #4f1a48;
--color-text: #1b0e30;
}JSON (DTCG tokens)
{
"pure-firebug-quartz-74n": {
"bg": {
"$type": "color",
"$value": "#ffe6d5"
},
"surface": {
"$type": "color",
"$value": "#efb391"
},
"muted": {
"$type": "color",
"$value": "#f18360"
},
"primary": {
"$type": "color",
"$value": "#d45b4d"
},
"secondary": {
"$type": "color",
"$value": "#b84f54"
},
"accent": {
"$type": "color",
"$value": "#9b2f4b"
},
"highlight": {
"$type": "color",
"$value": "#4f1a48"
},
"text": {
"$type": "color",
"$value": "#1b0e30"
}
}
}About this palette
Pure Firebug Quartz is a 8-color OKLCH-ready palette tagged orange, warm, sunset, 8 colors. Hex values: #FFE6D5, #EFB391, #F18360, #D45B4D, #B84F54, #9B2F4B, #4F1A48, #1B0E30. 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 Pure Firebug Quartz by OKLab color distance.