Palette · 8 colors · Lc 10
Red Elegance Tide palette
Red Elegance Tide: a 8-color palette (Red, Gray, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #FFF1F5, #ECC6D3, #CC9AA5, #A86F7A, #894750, #62383C, #381F20, #100C0D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF1F5
surface
#ECC6D3
muted
#CC9AA5
primary
#A86F7A
secondary
#894750
accent
#62383C
highlight
#381F20
text
#100C0D
Colors in Red Elegance Tide: HEX, RGB, HSL & OKLCH
- #FFF1F5 color page →
bg
#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)
- #ECC6D3 color page →
surface
#ECC6D3
- RGB
- rgb(236 198 211)
- HSL
- hsl(339 50% 85%)
- OKLCH
- oklch(0.863 0.046 355.5)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.58:1 (AAA)
- #CC9AA5 color page →
muted
#CC9AA5
- RGB
- rgb(204 154 165)
- HSL
- hsl(347 33% 70%)
- OKLCH
- oklch(0.736 0.061 4.1)
WCAG contrast: on white 2.40:1 (Fail) · on black 8.73:1 (AAA)
- #A86F7A color page →
primary
#A86F7A
- RGB
- rgb(168 111 122)
- HSL
- hsl(348 25% 55%)
- OKLCH
- oklch(0.605 0.074 6.9)
WCAG contrast: on white 4.02:1 (Fail) · on black 5.21:1 (AA)
- #894750 color page →
secondary
#894750
- RGB
- rgb(137 71 80)
- HSL
- hsl(352 32% 41%)
- OKLCH
- oklch(0.482 0.09 12.4)
WCAG contrast: on white 6.81:1 (AA) · on black 3.08:1 (Fail)
- #62383C color page →
accent
#62383C
- RGB
- rgb(98 56 60)
- HSL
- hsl(354 27% 30%)
- OKLCH
- oklch(0.393 0.06 14.1)
WCAG contrast: on white 9.76:1 (AAA) · on black 2.15:1 (Fail)
- #381F20 color page →
highlight
#381F20
- RGB
- rgb(56 31 32)
- HSL
- hsl(358 29% 17%)
- OKLCH
- oklch(0.273 0.039 17.4)
WCAG contrast: on white 15.16:1 (AAA) · on black 1.38:1 (Fail)
- #100C0D color page →
text
#100C0D
- RGB
- rgb(16 12 13)
- HSL
- hsl(345 14% 5%)
- OKLCH
- oklch(0.16 0.007 1.1)
WCAG contrast: on white 19.43:1 (AAA) · on black 1.08:1 (Fail)
Export Red Elegance Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff1f5;
--surface: #ecc6d3;
--muted: #cc9aa5;
--primary: #a86f7a;
--secondary: #894750;
--accent: #62383c;
--highlight: #381f20;
--text: #100c0d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff1f5;
--color-surface: #ecc6d3;
--color-muted: #cc9aa5;
--color-primary: #a86f7a;
--color-secondary: #894750;
--color-accent: #62383c;
--color-highlight: #381f20;
--color-text: #100c0d;
}JSON (DTCG tokens)
{
"red-elegance-tide-48p": {
"bg": {
"$type": "color",
"$value": "#fff1f5"
},
"surface": {
"$type": "color",
"$value": "#ecc6d3"
},
"muted": {
"$type": "color",
"$value": "#cc9aa5"
},
"primary": {
"$type": "color",
"$value": "#a86f7a"
},
"secondary": {
"$type": "color",
"$value": "#894750"
},
"accent": {
"$type": "color",
"$value": "#62383c"
},
"highlight": {
"$type": "color",
"$value": "#381f20"
},
"text": {
"$type": "color",
"$value": "#100c0d"
}
}
}About this palette
Red Elegance Tide is a 8-color OKLCH-ready palette tagged red, gray, warm, 8 colors. Hex values: #FFF1F5, #ECC6D3, #CC9AA5, #A86F7A, #894750, #62383C, #381F20, #100C0D. 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 Red Elegance Tide by OKLab color distance.