Palette · 10 colors · Lc 10
Muted Inescapable Lover Harbor palette
Muted Inescapable Lover Harbor: a 10-color palette (Red, Warm, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #FFF3F7, #F9B9CC, #F897B3, #D56D99, #BA4F77, #9A3263, #841141, #611B37, #350116, #18030B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Warm
- Monochromatic
- 10 Colors
bg
#FFF3F7
surface
#F9B9CC
muted
#F897B3
primary
#D56D99
secondary
#BA4F77
accent
#9A3263
highlight
#841141
border
#611B37
focus
#350116
text
#18030B
Colors in Muted Inescapable Lover Harbor: HEX, RGB, HSL & OKLCH
- #FFF3F7 color page →
bg
#FFF3F7
- RGB
- rgb(255 243 247)
- HSL
- hsl(340 100% 98%)
- OKLCH
- oklch(0.975 0.014 355)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.41:1 (AAA)
- #F9B9CC color page →
surface
#F9B9CC
- RGB
- rgb(249 185 204)
- HSL
- hsl(342 84% 85%)
- OKLCH
- oklch(0.85 0.077 359.4)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.83:1 (AAA)
- #F897B3 color page →
muted
#F897B3
- RGB
- rgb(248 151 179)
- HSL
- hsl(343 87% 78%)
- OKLCH
- oklch(0.784 0.12 1.6)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.06:1 (AAA)
- #D56D99 color page →
primary
#D56D99
- RGB
- rgb(213 109 153)
- HSL
- hsl(335 55% 63%)
- OKLCH
- oklch(0.667 0.139 354.8)
WCAG contrast: on white 3.24:1 (Fail) · on black 6.47:1 (AA)
- #BA4F77 color page →
secondary
#BA4F77
- RGB
- rgb(186 79 119)
- HSL
- hsl(338 44% 52%)
- OKLCH
- oklch(0.577 0.144 359.2)
WCAG contrast: on white 4.69:1 (AA) · on black 4.47:1 (Fail)
- #9A3263 color page →
accent
#9A3263
- RGB
- rgb(154 50 99)
- HSL
- hsl(332 51% 40%)
- OKLCH
- oklch(0.484 0.146 354.9)
WCAG contrast: on white 6.97:1 (AA) · on black 3.01:1 (Fail)
- #841141 color page →
highlight
#841141
- RGB
- rgb(132 17 65)
- HSL
- hsl(335 77% 29%)
- OKLCH
- oklch(0.404 0.15 2.9)
WCAG contrast: on white 9.82:1 (AAA) · on black 2.13:1 (Fail)
- #611B37 color page →
border
#611B37
- RGB
- rgb(97 27 55)
- HSL
- hsl(336 56% 24%)
- OKLCH
- oklch(0.344 0.104 359.7)
WCAG contrast: on white 12.20:1 (AAA) · on black 1.72:1 (Fail)
- #350116 color page →
focus
#350116
- RGB
- rgb(53 1 22)
- HSL
- hsl(336 96% 11%)
- OKLCH
- oklch(0.214 0.084 2.2)
WCAG contrast: on white 17.99:1 (AAA) · on black 1.16:1 (Fail)
- #18030B color page →
text
#18030B
- RGB
- rgb(24 3 11)
- HSL
- hsl(337 78% 5%)
- OKLCH
- oklch(0.147 0.044 356.4)
WCAG contrast: on white 19.87:1 (AAA) · on black 1.05:1 (Fail)
Export Muted Inescapable Lover Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff3f7;
--surface: #f9b9cc;
--muted: #f897b3;
--primary: #d56d99;
--secondary: #ba4f77;
--accent: #9a3263;
--highlight: #841141;
--border: #611b37;
--focus: #350116;
--text: #18030b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff3f7;
--color-surface: #f9b9cc;
--color-muted: #f897b3;
--color-primary: #d56d99;
--color-secondary: #ba4f77;
--color-accent: #9a3263;
--color-highlight: #841141;
--color-border: #611b37;
--color-focus: #350116;
--color-text: #18030b;
}JSON (DTCG tokens)
{
"muted-inescapable-lover-harbor-659": {
"bg": {
"$type": "color",
"$value": "#fff3f7"
},
"surface": {
"$type": "color",
"$value": "#f9b9cc"
},
"muted": {
"$type": "color",
"$value": "#f897b3"
},
"primary": {
"$type": "color",
"$value": "#d56d99"
},
"secondary": {
"$type": "color",
"$value": "#ba4f77"
},
"accent": {
"$type": "color",
"$value": "#9a3263"
},
"highlight": {
"$type": "color",
"$value": "#841141"
},
"border": {
"$type": "color",
"$value": "#611b37"
},
"focus": {
"$type": "color",
"$value": "#350116"
},
"text": {
"$type": "color",
"$value": "#18030b"
}
}
}About this palette
Muted Inescapable Lover Harbor is a 10-color OKLCH-ready palette tagged red, warm, monochromatic, 10 colors. Hex values: #FFF3F7, #F9B9CC, #F897B3, #D56D99, #BA4F77, #9A3263, #841141, #611B37, #350116, #18030B. APCA contrast score Lc 10. 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 Muted Inescapable Lover Harbor by OKLab color distance.