Palette · 5 colors · Lc 8.2
True Horror Snob Quartz palette
True Horror Snob Quartz: a 5-color palette (Orange, Warm, Sunset, 5 Colors). HEX, RGB, HSL and OKLCH for #F4DDD3, #F68873, #CD4E4C, #832751, #18142B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4DDD3
surface
#F68873
primary
#CD4E4C
accent
#832751
text
#18142B
Colors in True Horror Snob Quartz: HEX, RGB, HSL & OKLCH
- #F4DDD3 color page →
bg
#F4DDD3
- RGB
- rgb(244 221 211)
- HSL
- hsl(18 60% 89%)
- OKLCH
- oklch(0.914 0.029 45)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.12:1 (AAA)
- #F68873 color page →
surface
#F68873
- RGB
- rgb(246 136 115)
- HSL
- hsl(10 88% 71%)
- OKLCH
- oklch(0.742 0.138 31.9)
WCAG contrast: on white 2.41:1 (Fail) · on black 8.68:1 (AAA)
- #CD4E4C color page →
primary
#CD4E4C
- RGB
- rgb(205 78 76)
- HSL
- hsl(1 56% 55%)
- OKLCH
- oklch(0.594 0.162 24.3)
WCAG contrast: on white 4.38:1 (Fail) · on black 4.78:1 (AA)
- #832751 color page →
accent
#832751
- RGB
- rgb(131 39 81)
- HSL
- hsl(333 54% 33%)
- OKLCH
- oklch(0.427 0.132 356.2)
WCAG contrast: on white 8.84:1 (AAA) · on black 2.37:1 (Fail)
- #18142B color page →
text
#18142B
- RGB
- rgb(24 20 43)
- HSL
- hsl(250 37% 12%)
- OKLCH
- oklch(0.209 0.045 290)
WCAG contrast: on white 17.89:1 (AAA) · on black 1.17:1 (Fail)
Export True Horror Snob Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4ddd3;
--surface: #f68873;
--primary: #cd4e4c;
--accent: #832751;
--text: #18142b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4ddd3;
--color-surface: #f68873;
--color-primary: #cd4e4c;
--color-accent: #832751;
--color-text: #18142b;
}JSON (DTCG tokens)
{
"true-horror-snob-quartz-12i": {
"bg": {
"$type": "color",
"$value": "#f4ddd3"
},
"surface": {
"$type": "color",
"$value": "#f68873"
},
"primary": {
"$type": "color",
"$value": "#cd4e4c"
},
"accent": {
"$type": "color",
"$value": "#832751"
},
"text": {
"$type": "color",
"$value": "#18142b"
}
}
}About this palette
True Horror Snob Quartz is a 5-color OKLCH-ready palette tagged orange, warm, sunset, 5 colors. Hex values: #F4DDD3, #F68873, #CD4E4C, #832751, #18142B. APCA contrast score Lc 8.2. 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 Horror Snob Quartz by OKLab color distance.