Palette · 5 colors · Lc 9.1
Steady Heart’s Content Lattice palette
Steady Heart’s Content Lattice: a 5-color palette (Red, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #FAF0F5, #FCD6E8, #E9B3BB, #CAB0D0, #422B3A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAF0F5
surface
#FCD6E8
primary
#E9B3BB
accent
#CAB0D0
text
#422B3A
Colors in Steady Heart’s Content Lattice: HEX, RGB, HSL & OKLCH
- #FAF0F5 color page →
bg
#FAF0F5
- RGB
- rgb(250 240 245)
- HSL
- hsl(330 50% 96%)
- OKLCH
- oklch(0.964 0.013 345.5)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.84:1 (AAA)
- #FCD6E8 color page →
surface
#FCD6E8
- RGB
- rgb(252 214 232)
- HSL
- hsl(332 86% 91%)
- OKLCH
- oklch(0.913 0.048 347.9)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.92:1 (AAA)
- #E9B3BB color page →
primary
#E9B3BB
- RGB
- rgb(233 179 187)
- HSL
- hsl(351 55% 81%)
- OKLCH
- oklch(0.818 0.064 8.7)
WCAG contrast: on white 1.80:1 (Fail) · on black 11.63:1 (AAA)
- #CAB0D0 color page →
accent
#CAB0D0
- RGB
- rgb(202 176 208)
- HSL
- hsl(289 25% 75%)
- OKLCH
- oklch(0.79 0.053 319.9)
WCAG contrast: on white 1.97:1 (Fail) · on black 10.63:1 (AAA)
- #422B3A color page →
text
#422B3A
- RGB
- rgb(66 43 58)
- HSL
- hsl(321 21% 21%)
- OKLCH
- oklch(0.322 0.042 340.4)
WCAG contrast: on white 12.81:1 (AAA) · on black 1.63:1 (Fail)
Export Steady Heart’s Content Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faf0f5;
--surface: #fcd6e8;
--primary: #e9b3bb;
--accent: #cab0d0;
--text: #422b3a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faf0f5;
--color-surface: #fcd6e8;
--color-primary: #e9b3bb;
--color-accent: #cab0d0;
--color-text: #422b3a;
}JSON (DTCG tokens)
{
"steady-heart-s-content-lattice-4tt": {
"bg": {
"$type": "color",
"$value": "#faf0f5"
},
"surface": {
"$type": "color",
"$value": "#fcd6e8"
},
"primary": {
"$type": "color",
"$value": "#e9b3bb"
},
"accent": {
"$type": "color",
"$value": "#cab0d0"
},
"text": {
"$type": "color",
"$value": "#422b3a"
}
}
}About this palette
Steady Heart’s Content Lattice is a 5-color OKLCH-ready palette tagged red, gray, warm, pastel, 5 colors. Hex values: #FAF0F5, #FCD6E8, #E9B3BB, #CAB0D0, #422B3A. APCA contrast score Lc 9.1. 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 Steady Heart’s Content Lattice by OKLab color distance.