Palette · 3 colors · Lc 8.5
True Firebug Drift palette
True Firebug Drift: a 3-color palette (Orange, Warm, Sunset, 3 Colors). HEX, RGB, HSL and OKLCH for #F7DFCF, #C95A56, #130D23, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7DFCF
accent
#C95A56
text
#130D23
Colors in True Firebug Drift: HEX, RGB, HSL & OKLCH
- #F7DFCF color page →
bg
#F7DFCF
- RGB
- rgb(247 223 207)
- HSL
- hsl(24 71% 89%)
- OKLCH
- oklch(0.919 0.034 55.9)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.41:1 (AAA)
- #C95A56 color page →
accent
#C95A56
- RGB
- rgb(201 90 86)
- HSL
- hsl(2 52% 56%)
- OKLCH
- oklch(0.606 0.143 24.3)
WCAG contrast: on white 4.13:1 (Fail) · on black 5.08:1 (AA)
- #130D23 color page →
text
#130D23
- RGB
- rgb(19 13 35)
- HSL
- hsl(256 46% 9%)
- OKLCH
- oklch(0.18 0.044 294.1)
WCAG contrast: on white 18.92:1 (AAA) · on black 1.10:1 (Fail)
Export True Firebug Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7dfcf;
--accent: #c95a56;
--text: #130d23;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7dfcf;
--color-accent: #c95a56;
--color-text: #130d23;
}JSON (DTCG tokens)
{
"true-firebug-drift-3ar": {
"bg": {
"$type": "color",
"$value": "#f7dfcf"
},
"accent": {
"$type": "color",
"$value": "#c95a56"
},
"text": {
"$type": "color",
"$value": "#130d23"
}
}
}About this palette
True Firebug Drift is a 3-color OKLCH-ready palette tagged orange, warm, sunset, 3 colors. Hex values: #F7DFCF, #C95A56, #130D23. APCA contrast score Lc 8.5. 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 True Firebug Drift by OKLab color distance.