Palette · 8 colors · Lc 8.1
Pure Mauve It Harbor palette
Pure Mauve It Harbor: a 8-color palette (Red, Warm, Sunset, 8 Colors). HEX, RGB, HSL and OKLCH for #FFDFCF, #FFB1A0, #F48379, #DF697B, #B74465, #892B59, #481F52, #141533, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFDFCF
surface
#FFB1A0
muted
#F48379
primary
#DF697B
secondary
#B74465
accent
#892B59
highlight
#481F52
text
#141533
Colors in Pure Mauve It Harbor: HEX, RGB, HSL & OKLCH
- #FFDFCF color page →
bg
#FFDFCF
- RGB
- rgb(255 223 207)
- HSL
- hsl(20 100% 91%)
- OKLCH
- oklch(0.926 0.042 48.2)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.70:1 (AAA)
- #FFB1A0 color page →
surface
#FFB1A0
- RGB
- rgb(255 177 160)
- HSL
- hsl(11 100% 81%)
- OKLCH
- oklch(0.831 0.095 32.8)
WCAG contrast: on white 1.74:1 (Fail) · on black 12.04:1 (AAA)
- #F48379 color page →
muted
#F48379
- RGB
- rgb(244 131 121)
- HSL
- hsl(5 85% 72%)
- OKLCH
- oklch(0.733 0.14 26.3)
WCAG contrast: on white 2.50:1 (Fail) · on black 8.36:1 (AAA)
- #DF697B color page →
primary
#DF697B
- RGB
- rgb(223 105 123)
- HSL
- hsl(351 65% 64%)
- OKLCH
- oklch(0.667 0.148 12.5)
WCAG contrast: on white 3.25:1 (Fail) · on black 6.44:1 (AA)
- #B74465 color page →
secondary
#B74465
- RGB
- rgb(183 68 101)
- HSL
- hsl(343 46% 49%)
- OKLCH
- oklch(0.552 0.151 5.8)
WCAG contrast: on white 5.21:1 (AA) · on black 4.02:1 (Fail)
- #892B59 color page →
accent
#892B59
- RGB
- rgb(137 43 89)
- HSL
- hsl(331 52% 35%)
- OKLCH
- oklch(0.445 0.136 353.9)
WCAG contrast: on white 8.22:1 (AAA) · on black 2.55:1 (Fail)
- #481F52 color page →
highlight
#481F52
- RGB
- rgb(72 31 82)
- HSL
- hsl(288 45% 22%)
- OKLCH
- oklch(0.322 0.098 319.4)
WCAG contrast: on white 13.17:1 (AAA) · on black 1.59:1 (Fail)
- #141533 color page →
text
#141533
- RGB
- rgb(20 21 51)
- HSL
- hsl(238 44% 14%)
- OKLCH
- oklch(0.214 0.058 278.9)
WCAG contrast: on white 17.72:1 (AAA) · on black 1.18:1 (Fail)
Export Pure Mauve It Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffdfcf;
--surface: #ffb1a0;
--muted: #f48379;
--primary: #df697b;
--secondary: #b74465;
--accent: #892b59;
--highlight: #481f52;
--text: #141533;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffdfcf;
--color-surface: #ffb1a0;
--color-muted: #f48379;
--color-primary: #df697b;
--color-secondary: #b74465;
--color-accent: #892b59;
--color-highlight: #481f52;
--color-text: #141533;
}JSON (DTCG tokens)
{
"pure-mauve-it-harbor-4m7": {
"bg": {
"$type": "color",
"$value": "#ffdfcf"
},
"surface": {
"$type": "color",
"$value": "#ffb1a0"
},
"muted": {
"$type": "color",
"$value": "#f48379"
},
"primary": {
"$type": "color",
"$value": "#df697b"
},
"secondary": {
"$type": "color",
"$value": "#b74465"
},
"accent": {
"$type": "color",
"$value": "#892b59"
},
"highlight": {
"$type": "color",
"$value": "#481f52"
},
"text": {
"$type": "color",
"$value": "#141533"
}
}
}About this palette
Pure Mauve It Harbor is a 8-color OKLCH-ready palette tagged red, warm, sunset, 8 colors. Hex values: #FFDFCF, #FFB1A0, #F48379, #DF697B, #B74465, #892B59, #481F52, #141533. APCA contrast score Lc 8.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 Pure Mauve It Harbor by OKLab color distance.