Palette · 6 colors · Lc 8.7
Voila! Tide palette
Voila! Tide: a 6-color palette (Red, Gray, Warm, 6 Colors). HEX, RGB, HSL and OKLCH for #F5DEEA, #CFB4CA, #B085A2, #895E6E, #532B34, #26131E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5DEEA
surface
#CFB4CA
muted
#B085A2
primary
#895E6E
accent
#532B34
text
#26131E
Colors in Voila! Tide: HEX, RGB, HSL & OKLCH
- #F5DEEA color page →
bg
#F5DEEA
- RGB
- rgb(245 222 234)
- HSL
- hsl(329 53% 92%)
- OKLCH
- oklch(0.923 0.03 344.8)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.51:1 (AAA)
- #CFB4CA color page →
surface
#CFB4CA
- RGB
- rgb(207 180 202)
- HSL
- hsl(311 22% 76%)
- OKLCH
- oklch(0.8 0.043 332.2)
WCAG contrast: on white 1.90:1 (Fail) · on black 11.03:1 (AAA)
- #B085A2 color page →
muted
#B085A2
- RGB
- rgb(176 133 162)
- HSL
- hsl(320 21% 61%)
- OKLCH
- oklch(0.667 0.066 338.8)
WCAG contrast: on white 3.12:1 (Fail) · on black 6.72:1 (AA)
- #895E6E color page →
primary
#895E6E
- RGB
- rgb(137 94 110)
- HSL
- hsl(338 19% 45%)
- OKLCH
- oklch(0.533 0.06 355.3)
WCAG contrast: on white 5.39:1 (AA) · on black 3.88:1 (Fail)
- #532B34 color page →
accent
#532B34
- RGB
- rgb(83 43 52)
- HSL
- hsl(347 32% 25%)
- OKLCH
- oklch(0.344 0.06 6.3)
WCAG contrast: on white 11.91:1 (AAA) · on black 1.76:1 (Fail)
- #26131E color page →
text
#26131E
- RGB
- rgb(38 19 30)
- HSL
- hsl(325 33% 11%)
- OKLCH
- oklch(0.218 0.036 344.8)
WCAG contrast: on white 17.58:1 (AAA) · on black 1.19:1 (Fail)
Export Voila! Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5deea;
--surface: #cfb4ca;
--muted: #b085a2;
--primary: #895e6e;
--accent: #532b34;
--text: #26131e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5deea;
--color-surface: #cfb4ca;
--color-muted: #b085a2;
--color-primary: #895e6e;
--color-accent: #532b34;
--color-text: #26131e;
}JSON (DTCG tokens)
{
"voila-tide-2ux": {
"bg": {
"$type": "color",
"$value": "#f5deea"
},
"surface": {
"$type": "color",
"$value": "#cfb4ca"
},
"muted": {
"$type": "color",
"$value": "#b085a2"
},
"primary": {
"$type": "color",
"$value": "#895e6e"
},
"accent": {
"$type": "color",
"$value": "#532b34"
},
"text": {
"$type": "color",
"$value": "#26131e"
}
}
}About this palette
Voila! Tide is a 6-color OKLCH-ready palette tagged red, gray, warm, 6 colors. Hex values: #F5DEEA, #CFB4CA, #B085A2, #895E6E, #532B34, #26131E. 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 Voila! Tide by OKLab color distance.