Palette · 4 colors · Lc 8.7
Cloud Foggy Love Fog palette
Cloud Foggy Love Fog: a 4-color palette (Pink, Gray, Pastel, 4 Colors). HEX, RGB, HSL and OKLCH for #F4F3F8, #DDD6FF, #A7B6DB, #373049, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4F3F8
surface
#DDD6FF
accent
#A7B6DB
text
#373049
Colors in Cloud Foggy Love Fog: HEX, RGB, HSL & OKLCH
- #F4F3F8 color page →
bg
#F4F3F8
- RGB
- rgb(244 243 248)
- HSL
- hsl(252 26% 96%)
- OKLCH
- oklch(0.966 0.007 295.5)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.02:1 (AAA)
- #DDD6FF color page →
surface
#DDD6FF
- RGB
- rgb(221 214 255)
- HSL
- hsl(250 100% 92%)
- OKLCH
- oklch(0.895 0.056 293.1)
WCAG contrast: on white 1.38:1 (Fail) · on black 15.13:1 (AAA)
- #A7B6DB color page →
accent
#A7B6DB
- RGB
- rgb(167 182 219)
- HSL
- hsl(223 42% 76%)
- OKLCH
- oklch(0.777 0.056 267.8)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.35:1 (AAA)
- #373049 color page →
text
#373049
- RGB
- rgb(55 48 73)
- HSL
- hsl(257 21% 24%)
- OKLCH
- oklch(0.328 0.044 296.7)
WCAG contrast: on white 12.48:1 (AAA) · on black 1.68:1 (Fail)
Export Cloud Foggy Love Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4f3f8;
--surface: #ddd6ff;
--accent: #a7b6db;
--text: #373049;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4f3f8;
--color-surface: #ddd6ff;
--color-accent: #a7b6db;
--color-text: #373049;
}JSON (DTCG tokens)
{
"cloud-foggy-love-fog-5te": {
"bg": {
"$type": "color",
"$value": "#f4f3f8"
},
"surface": {
"$type": "color",
"$value": "#ddd6ff"
},
"accent": {
"$type": "color",
"$value": "#a7b6db"
},
"text": {
"$type": "color",
"$value": "#373049"
}
}
}About this palette
Cloud Foggy Love Fog is a 4-color OKLCH-ready palette tagged pink, gray, pastel, 4 colors. Hex values: #F4F3F8, #DDD6FF, #A7B6DB, #373049. APCA contrast score Lc 8.7. 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 Cloud Foggy Love Fog by OKLab color distance.