Palette · 4 colors · Lc 7.8
Quiet Grape Fog palette
Quiet Grape Fog: a 4-color palette (Red, Warm, Sunset, 4 Colors). HEX, RGB, HSL and OKLCH for #F9DAD5, #F08C97, #762F69, #071129, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9DAD5
surface
#F08C97
accent
#762F69
text
#071129
Colors in Quiet Grape Fog: HEX, RGB, HSL & OKLCH
- #F9DAD5 color page →
bg
#F9DAD5
- RGB
- rgb(249 218 213)
- HSL
- hsl(8 75% 91%)
- OKLCH
- oklch(0.913 0.035 28.7)
WCAG contrast: on white 1.31:1 (Fail) · on black 16.01:1 (AAA)
- #F08C97 color page →
surface
#F08C97
- RGB
- rgb(240 140 151)
- HSL
- hsl(353 77% 75%)
- OKLCH
- oklch(0.749 0.122 13.4)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.90:1 (AAA)
- #762F69 color page →
accent
#762F69
- RGB
- rgb(118 47 105)
- HSL
- hsl(311 43% 32%)
- OKLCH
- oklch(0.426 0.124 335.2)
WCAG contrast: on white 8.82:1 (AAA) · on black 2.38:1 (Fail)
- #071129 color page →
text
#071129
- RGB
- rgb(7 17 41)
- HSL
- hsl(222 71% 9%)
- OKLCH
- oklch(0.184 0.051 264.4)
WCAG contrast: on white 18.72:1 (AAA) · on black 1.12:1 (Fail)
Export Quiet Grape Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9dad5;
--surface: #f08c97;
--accent: #762f69;
--text: #071129;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9dad5;
--color-surface: #f08c97;
--color-accent: #762f69;
--color-text: #071129;
}JSON (DTCG tokens)
{
"quiet-grape-fog-2dd": {
"bg": {
"$type": "color",
"$value": "#f9dad5"
},
"surface": {
"$type": "color",
"$value": "#f08c97"
},
"accent": {
"$type": "color",
"$value": "#762f69"
},
"text": {
"$type": "color",
"$value": "#071129"
}
}
}About this palette
Quiet Grape Fog is a 4-color OKLCH-ready palette tagged red, warm, sunset, 4 colors. Hex values: #F9DAD5, #F08C97, #762F69, #071129. APCA contrast score Lc 7.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 Quiet Grape Fog by OKLab color distance.