Palette · 7 colors · Lc 8.3
Classic Firebug Drift palette
Classic Firebug Drift: a 7-color palette (Trending, Orange, Warm, Sunset). HEX, RGB, HSL and OKLCH for #FFDECA, #FFB49B, #E6785B, #D25449, #9F3D59, #632353, #191436, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFDECA
surface
#FFB49B
muted
#E6785B
primary
#D25449
secondary
#9F3D59
accent
#632353
text
#191436
Colors in Classic Firebug Drift: HEX, RGB, HSL & OKLCH
- #FFDECA color page →
bg
#FFDECA
- RGB
- rgb(255 222 202)
- HSL
- hsl(23 100% 90%)
- OKLCH
- oklch(0.923 0.045 53.2)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.55:1 (AAA)
- #FFB49B color page →
surface
#FFB49B
- RGB
- rgb(255 180 155)
- HSL
- hsl(15 100% 80%)
- OKLCH
- oklch(0.835 0.095 39.2)
WCAG contrast: on white 1.71:1 (Fail) · on black 12.25:1 (AAA)
- #E6785B color page →
muted
#E6785B
- RGB
- rgb(230 120 91)
- HSL
- hsl(13 74% 63%)
- OKLCH
- oklch(0.692 0.143 35.8)
WCAG contrast: on white 2.91:1 (Fail) · on black 7.20:1 (AAA)
- #D25449 color page →
primary
#D25449
- RGB
- rgb(210 84 73)
- HSL
- hsl(5 60% 55%)
- OKLCH
- oklch(0.609 0.162 27.8)
WCAG contrast: on white 4.11:1 (Fail) · on black 5.10:1 (AA)
- #9F3D59 color page →
secondary
#9F3D59
- RGB
- rgb(159 61 89)
- HSL
- hsl(343 45% 43%)
- OKLCH
- oklch(0.502 0.132 5.5)
WCAG contrast: on white 6.39:1 (AA) · on black 3.28:1 (Fail)
- #632353 color page →
accent
#632353
- RGB
- rgb(99 35 83)
- HSL
- hsl(315 48% 26%)
- OKLCH
- oklch(0.37 0.111 338.6)
WCAG contrast: on white 11.07:1 (AAA) · on black 1.89:1 (Fail)
- #191436 color page →
text
#191436
- RGB
- rgb(25 20 54)
- HSL
- hsl(249 46% 15%)
- OKLCH
- oklch(0.219 0.064 286.6)
WCAG contrast: on white 17.57:1 (AAA) · on black 1.19:1 (Fail)
Export Classic Firebug Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffdeca;
--surface: #ffb49b;
--muted: #e6785b;
--primary: #d25449;
--secondary: #9f3d59;
--accent: #632353;
--text: #191436;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffdeca;
--color-surface: #ffb49b;
--color-muted: #e6785b;
--color-primary: #d25449;
--color-secondary: #9f3d59;
--color-accent: #632353;
--color-text: #191436;
}JSON (DTCG tokens)
{
"classic-firebug-drift-7ek": {
"bg": {
"$type": "color",
"$value": "#ffdeca"
},
"surface": {
"$type": "color",
"$value": "#ffb49b"
},
"muted": {
"$type": "color",
"$value": "#e6785b"
},
"primary": {
"$type": "color",
"$value": "#d25449"
},
"secondary": {
"$type": "color",
"$value": "#9f3d59"
},
"accent": {
"$type": "color",
"$value": "#632353"
},
"text": {
"$type": "color",
"$value": "#191436"
}
}
}About this palette
Classic Firebug Drift is a 7-color OKLCH-ready palette tagged trending, orange, warm, sunset, 7 colors. Hex values: #FFDECA, #FFB49B, #E6785B, #D25449, #9F3D59, #632353, #191436. APCA contrast score Lc 8.3. 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 Classic Firebug Drift by OKLab color distance.