Palette · 6 colors · Lc 8
Phoenix Red Quartz palette
Phoenix Red Quartz: a 6-color palette (Orange, Warm, Sunset, 6 Colors). HEX, RGB, HSL and OKLCH for #F9E3D5, #F59D84, #D8715C, #A74452, #6C2448, #150D24, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9E3D5
surface
#F59D84
muted
#D8715C
primary
#A74452
accent
#6C2448
text
#150D24
Colors in Phoenix Red Quartz: HEX, RGB, HSL & OKLCH
- #F9E3D5 color page →
bg
#F9E3D5
- RGB
- rgb(249 227 213)
- HSL
- hsl(23 75% 91%)
- OKLCH
- oklch(0.93 0.031 54.7)
WCAG contrast: on white 1.23:1 (Fail) · on black 16.97:1 (AAA)
- #F59D84 color page →
surface
#F59D84
- RGB
- rgb(245 157 132)
- HSL
- hsl(13 85% 74%)
- OKLCH
- oklch(0.779 0.112 36.6)
WCAG contrast: on white 2.09:1 (Fail) · on black 10.03:1 (AAA)
- #D8715C color page →
muted
#D8715C
- RGB
- rgb(216 113 92)
- HSL
- hsl(10 61% 60%)
- OKLCH
- oklch(0.662 0.134 32.8)
WCAG contrast: on white 3.26:1 (Fail) · on black 6.43:1 (AA)
- #A74452 color page →
primary
#A74452
- RGB
- rgb(167 68 82)
- HSL
- hsl(352 42% 46%)
- OKLCH
- oklch(0.522 0.131 14.2)
WCAG contrast: on white 5.84:1 (AA) · on black 3.59:1 (Fail)
- #6C2448 color page →
accent
#6C2448
- RGB
- rgb(108 36 72)
- HSL
- hsl(330 50% 28%)
- OKLCH
- oklch(0.381 0.11 352.6)
WCAG contrast: on white 10.58:1 (AAA) · on black 1.98:1 (Fail)
- #150D24 color page →
text
#150D24
- RGB
- rgb(21 13 36)
- HSL
- hsl(261 47% 10%)
- OKLCH
- oklch(0.184 0.046 297.7)
WCAG contrast: on white 18.83:1 (AAA) · on black 1.11:1 (Fail)
Export Phoenix Red Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9e3d5;
--surface: #f59d84;
--muted: #d8715c;
--primary: #a74452;
--accent: #6c2448;
--text: #150d24;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9e3d5;
--color-surface: #f59d84;
--color-muted: #d8715c;
--color-primary: #a74452;
--color-accent: #6c2448;
--color-text: #150d24;
}JSON (DTCG tokens)
{
"phoenix-red-quartz-5b4": {
"bg": {
"$type": "color",
"$value": "#f9e3d5"
},
"surface": {
"$type": "color",
"$value": "#f59d84"
},
"muted": {
"$type": "color",
"$value": "#d8715c"
},
"primary": {
"$type": "color",
"$value": "#a74452"
},
"accent": {
"$type": "color",
"$value": "#6c2448"
},
"text": {
"$type": "color",
"$value": "#150d24"
}
}
}About this palette
Phoenix Red Quartz is a 6-color OKLCH-ready palette tagged orange, warm, sunset, 6 colors. Hex values: #F9E3D5, #F59D84, #D8715C, #A74452, #6C2448, #150D24. APCA contrast score Lc 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 Phoenix Red Quartz by OKLab color distance.