Palette · 6 colors · Lc 8.8
Classic Hot Quartz palette
Classic Hot Quartz: a 6-color palette (Red, Warm, Sunset, 6 Colors). HEX, RGB, HSL and OKLCH for #FFE0D5, #F39E98, #D36A77, #AA436A, #65245B, #151738, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE0D5
surface
#F39E98
muted
#D36A77
primary
#AA436A
accent
#65245B
text
#151738
Colors in Classic Hot Quartz: HEX, RGB, HSL & OKLCH
- #FFE0D5 color page →
bg
#FFE0D5
- RGB
- rgb(255 224 213)
- HSL
- hsl(16 100% 92%)
- OKLCH
- oklch(0.929 0.038 40.5)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.87:1 (AAA)
- #F39E98 color page →
surface
#F39E98
- RGB
- rgb(243 158 152)
- HSL
- hsl(4 79% 77%)
- OKLCH
- oklch(0.782 0.103 24.1)
WCAG contrast: on white 2.06:1 (Fail) · on black 10.15:1 (AAA)
- #D36A77 color page →
muted
#D36A77
- RGB
- rgb(211 106 119)
- HSL
- hsl(353 54% 62%)
- OKLCH
- oklch(0.651 0.132 13.7)
WCAG contrast: on white 3.44:1 (Fail) · on black 6.09:1 (AA)
- #AA436A color page →
primary
#AA436A
- RGB
- rgb(170 67 106)
- HSL
- hsl(337 43% 46%)
- OKLCH
- oklch(0.533 0.14 359.4)
WCAG contrast: on white 5.64:1 (AA) · on black 3.72:1 (Fail)
- #65245B color page →
accent
#65245B
- RGB
- rgb(101 36 91)
- HSL
- hsl(309 47% 27%)
- OKLCH
- oklch(0.378 0.118 334.1)
WCAG contrast: on white 10.73:1 (AAA) · on black 1.95:1 (Fail)
- #151738 color page →
text
#151738
- RGB
- rgb(21 23 56)
- HSL
- hsl(237 45% 15%)
- OKLCH
- oklch(0.224 0.063 277.4)
WCAG contrast: on white 17.33:1 (AAA) · on black 1.21:1 (Fail)
Export Classic Hot Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe0d5;
--surface: #f39e98;
--muted: #d36a77;
--primary: #aa436a;
--accent: #65245b;
--text: #151738;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe0d5;
--color-surface: #f39e98;
--color-muted: #d36a77;
--color-primary: #aa436a;
--color-accent: #65245b;
--color-text: #151738;
}JSON (DTCG tokens)
{
"classic-hot-quartz-4st": {
"bg": {
"$type": "color",
"$value": "#ffe0d5"
},
"surface": {
"$type": "color",
"$value": "#f39e98"
},
"muted": {
"$type": "color",
"$value": "#d36a77"
},
"primary": {
"$type": "color",
"$value": "#aa436a"
},
"accent": {
"$type": "color",
"$value": "#65245b"
},
"text": {
"$type": "color",
"$value": "#151738"
}
}
}About this palette
Classic Hot Quartz is a 6-color OKLCH-ready palette tagged red, warm, sunset, 6 colors. Hex values: #FFE0D5, #F39E98, #D36A77, #AA436A, #65245B, #151738. 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 Classic Hot Quartz by OKLab color distance.