Palette · 10 colors · Lc 9.4
Steady Liaison Prism palette
Steady Liaison Prism: a 10-color palette (Red, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #FFEAF0, #FCCCD6, #D5A1B0, #CB859D, #AD6178, #8E415B, #743048, #531C2E, #310C16, #120506, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEAF0
surface
#FCCCD6
muted
#D5A1B0
primary
#CB859D
secondary
#AD6178
accent
#8E415B
highlight
#743048
border
#531C2E
focus
#310C16
text
#120506
Colors in Steady Liaison Prism: HEX, RGB, HSL & OKLCH
- #FFEAF0 color page →
bg
#FFEAF0
- RGB
- rgb(255 234 240)
- HSL
- hsl(343 100% 96%)
- OKLCH
- oklch(0.956 0.024 358.3)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.27:1 (AAA)
- #FCCCD6 color page →
surface
#FCCCD6
- RGB
- rgb(252 204 214)
- HSL
- hsl(348 89% 89%)
- OKLCH
- oklch(0.89 0.056 4.3)
WCAG contrast: on white 1.42:1 (Fail) · on black 14.74:1 (AAA)
- #D5A1B0 color page →
muted
#D5A1B0
- RGB
- rgb(213 161 176)
- HSL
- hsl(343 38% 73%)
- OKLCH
- oklch(0.762 0.064 359.7)
WCAG contrast: on white 2.19:1 (Fail) · on black 9.55:1 (AAA)
- #CB859D color page →
primary
#CB859D
- RGB
- rgb(203 133 157)
- HSL
- hsl(339 40% 66%)
- OKLCH
- oklch(0.695 0.091 357.6)
WCAG contrast: on white 2.84:1 (Fail) · on black 7.38:1 (AAA)
- #AD6178 color page →
secondary
#AD6178
- RGB
- rgb(173 97 120)
- HSL
- hsl(342 32% 53%)
- OKLCH
- oklch(0.586 0.102 1.3)
WCAG contrast: on white 4.41:1 (Fail) · on black 4.75:1 (AA)
- #8E415B color page →
accent
#8E415B
- RGB
- rgb(142 65 91)
- HSL
- hsl(340 37% 41%)
- OKLCH
- oklch(0.483 0.108 0.7)
WCAG contrast: on white 6.86:1 (AA) · on black 3.05:1 (Fail)
- #743048 color page →
highlight
#743048
- RGB
- rgb(116 48 72)
- HSL
- hsl(339 41% 32%)
- OKLCH
- oklch(0.411 0.099 0.3)
WCAG contrast: on white 9.29:1 (AAA) · on black 2.25:1 (Fail)
- #531C2E color page →
border
#531C2E
- RGB
- rgb(83 28 46)
- HSL
- hsl(340 50% 22%)
- OKLCH
- oklch(0.317 0.084 2.8)
WCAG contrast: on white 13.34:1 (AAA) · on black 1.57:1 (Fail)
- #310C16 color page →
focus
#310C16
- RGB
- rgb(49 12 22)
- HSL
- hsl(344 61% 12%)
- OKLCH
- oklch(0.221 0.061 6.9)
WCAG contrast: on white 17.57:1 (AAA) · on black 1.19:1 (Fail)
- #120506 color page →
text
#120506
- RGB
- rgb(18 5 6)
- HSL
- hsl(355 57% 5%)
- OKLCH
- oklch(0.139 0.026 14.6)
WCAG contrast: on white 19.99:1 (AAA) · on black 1.05:1 (Fail)
Export Steady Liaison Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffeaf0;
--surface: #fcccd6;
--muted: #d5a1b0;
--primary: #cb859d;
--secondary: #ad6178;
--accent: #8e415b;
--highlight: #743048;
--border: #531c2e;
--focus: #310c16;
--text: #120506;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffeaf0;
--color-surface: #fcccd6;
--color-muted: #d5a1b0;
--color-primary: #cb859d;
--color-secondary: #ad6178;
--color-accent: #8e415b;
--color-highlight: #743048;
--color-border: #531c2e;
--color-focus: #310c16;
--color-text: #120506;
}JSON (DTCG tokens)
{
"steady-liaison-prism-2hh": {
"bg": {
"$type": "color",
"$value": "#ffeaf0"
},
"surface": {
"$type": "color",
"$value": "#fcccd6"
},
"muted": {
"$type": "color",
"$value": "#d5a1b0"
},
"primary": {
"$type": "color",
"$value": "#cb859d"
},
"secondary": {
"$type": "color",
"$value": "#ad6178"
},
"accent": {
"$type": "color",
"$value": "#8e415b"
},
"highlight": {
"$type": "color",
"$value": "#743048"
},
"border": {
"$type": "color",
"$value": "#531c2e"
},
"focus": {
"$type": "color",
"$value": "#310c16"
},
"text": {
"$type": "color",
"$value": "#120506"
}
}
}About this palette
Steady Liaison Prism is a 10-color OKLCH-ready palette tagged red, warm, 10 colors. Hex values: #FFEAF0, #FCCCD6, #D5A1B0, #CB859D, #AD6178, #8E415B, #743048, #531C2E, #310C16, #120506. APCA contrast score Lc 9.4. 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 Liaison Prism by OKLab color distance.