Palette · 8 colors · Lc 9.9
Liaison Bloom palette
Liaison Bloom: a 8-color palette (Red, Warm, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #120306, #3C1B21, #66313E, #914258, #B36A7C, #E4929E, #EDB2B9, #FFF1F5, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Warm
- Monochromatic
- 8 Colors
bg
#120306
surface
#3C1B21
muted
#66313E
primary
#914258
secondary
#B36A7C
accent
#E4929E
highlight
#EDB2B9
text
#FFF1F5
Colors in Liaison Bloom: HEX, RGB, HSL & OKLCH
- #120306 color page →
bg
#120306
- RGB
- rgb(18 3 6)
- HSL
- hsl(348 71% 4%)
- OKLCH
- oklch(0.132 0.033 5.4)
WCAG contrast: on white 20.16:1 (AAA) · on black 1.04:1 (Fail)
- #3C1B21 color page →
surface
#3C1B21
- RGB
- rgb(60 27 33)
- HSL
- hsl(349 38% 17%)
- OKLCH
- oklch(0.271 0.052 9.6)
WCAG contrast: on white 15.31:1 (AAA) · on black 1.37:1 (Fail)
- #66313E color page →
muted
#66313E
- RGB
- rgb(102 49 62)
- HSL
- hsl(345 35% 30%)
- OKLCH
- oklch(0.387 0.077 5.8)
WCAG contrast: on white 10.12:1 (AAA) · on black 2.07:1 (Fail)
- #914258 color page →
primary
#914258
- RGB
- rgb(145 66 88)
- HSL
- hsl(343 37% 41%)
- OKLCH
- oklch(0.488 0.109 4.4)
WCAG contrast: on white 6.72:1 (AA) · on black 3.12:1 (Fail)
- #B36A7C color page →
secondary
#B36A7C
- RGB
- rgb(179 106 124)
- HSL
- hsl(345 32% 56%)
- OKLCH
- oklch(0.61 0.095 4.4)
WCAG contrast: on white 3.98:1 (Fail) · on black 5.26:1 (AA)
- #E4929E color page →
accent
#E4929E
- RGB
- rgb(228 146 158)
- HSL
- hsl(351 60% 73%)
- OKLCH
- oklch(0.746 0.1 10.2)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.90:1 (AAA)
- #EDB2B9 color page →
highlight
#EDB2B9
- RGB
- rgb(237 178 185)
- HSL
- hsl(353 62% 81%)
- OKLCH
- oklch(0.82 0.069 10.8)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.66:1 (AAA)
- #FFF1F5 color page →
text
#FFF1F5
- RGB
- rgb(255 241 245)
- HSL
- hsl(343 100% 97%)
- OKLCH
- oklch(0.97 0.016 358)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.15:1 (AAA)
Export Liaison Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #120306;
--surface: #3c1b21;
--muted: #66313e;
--primary: #914258;
--secondary: #b36a7c;
--accent: #e4929e;
--highlight: #edb2b9;
--text: #fff1f5;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #120306;
--color-surface: #3c1b21;
--color-muted: #66313e;
--color-primary: #914258;
--color-secondary: #b36a7c;
--color-accent: #e4929e;
--color-highlight: #edb2b9;
--color-text: #fff1f5;
}JSON (DTCG tokens)
{
"liaison-bloom-1v1": {
"bg": {
"$type": "color",
"$value": "#120306"
},
"surface": {
"$type": "color",
"$value": "#3c1b21"
},
"muted": {
"$type": "color",
"$value": "#66313e"
},
"primary": {
"$type": "color",
"$value": "#914258"
},
"secondary": {
"$type": "color",
"$value": "#b36a7c"
},
"accent": {
"$type": "color",
"$value": "#e4929e"
},
"highlight": {
"$type": "color",
"$value": "#edb2b9"
},
"text": {
"$type": "color",
"$value": "#fff1f5"
}
}
}About this palette
Liaison Bloom is a 8-color OKLCH-ready palette tagged red, warm, monochromatic, 8 colors. Hex values: #120306, #3C1B21, #66313E, #914258, #B36A7C, #E4929E, #EDB2B9, #FFF1F5. APCA contrast score Lc 9.9. 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 Liaison Bloom by OKLab color distance.