Palette · 9 colors · Lc 9.3
Lipstick Tide palette
Lipstick Tide: a 9-color palette (Red, Warm, Sunset, 9 Colors). HEX, RGB, HSL and OKLCH for #FFE7E6, #FFBDBE, #EA8AA0, #DC769D, #C95485, #98417D, #7D3676, #3E2A65, #08132F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE7E6
surface
#FFBDBE
muted
#EA8AA0
primary
#DC769D
secondary
#C95485
accent
#98417D
highlight
#7D3676
border
#3E2A65
text
#08132F
Colors in Lipstick Tide: HEX, RGB, HSL & OKLCH
- #FFE7E6 color page →
bg
#FFE7E6
- RGB
- rgb(255 231 230)
- HSL
- hsl(2 100% 95%)
- OKLCH
- oklch(0.947 0.026 20.5)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.82:1 (AAA)
- #FFBDBE color page →
surface
#FFBDBE
- RGB
- rgb(255 189 190)
- HSL
- hsl(359 100% 87%)
- OKLCH
- oklch(0.859 0.076 17.8)
WCAG contrast: on white 1.58:1 (Fail) · on black 13.27:1 (AAA)
- #EA8AA0 color page →
muted
#EA8AA0
- RGB
- rgb(234 138 160)
- HSL
- hsl(346 70% 73%)
- OKLCH
- oklch(0.741 0.119 5.6)
WCAG contrast: on white 2.43:1 (Fail) · on black 8.64:1 (AAA)
- #DC769D color page →
primary
#DC769D
- RGB
- rgb(220 118 157)
- HSL
- hsl(337 59% 66%)
- OKLCH
- oklch(0.691 0.134 356.9)
WCAG contrast: on white 2.94:1 (Fail) · on black 7.12:1 (AAA)
- #C95485 color page →
secondary
#C95485
- RGB
- rgb(201 84 133)
- HSL
- hsl(335 52% 56%)
- OKLCH
- oklch(0.61 0.157 356.6)
WCAG contrast: on white 4.12:1 (Fail) · on black 5.09:1 (AA)
- #98417D color page →
accent
#98417D
- RGB
- rgb(152 65 125)
- HSL
- hsl(319 40% 43%)
- OKLCH
- oklch(0.51 0.137 341.1)
WCAG contrast: on white 6.19:1 (AA) · on black 3.38:1 (Fail)
- #7D3676 color page →
highlight
#7D3676
- RGB
- rgb(125 54 118)
- HSL
- hsl(306 40% 35%)
- OKLCH
- oklch(0.453 0.129 331.4)
WCAG contrast: on white 7.89:1 (AAA) · on black 2.66:1 (Fail)
- #3E2A65 color page →
border
#3E2A65
- RGB
- rgb(62 42 101)
- HSL
- hsl(260 41% 28%)
- OKLCH
- oklch(0.341 0.1 296.3)
WCAG contrast: on white 12.18:1 (AAA) · on black 1.72:1 (Fail)
- #08132F color page →
text
#08132F
- RGB
- rgb(8 19 47)
- HSL
- hsl(223 71% 11%)
- OKLCH
- oklch(0.196 0.058 265.1)
WCAG contrast: on white 18.34:1 (AAA) · on black 1.14:1 (Fail)
Export Lipstick Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe7e6;
--surface: #ffbdbe;
--muted: #ea8aa0;
--primary: #dc769d;
--secondary: #c95485;
--accent: #98417d;
--highlight: #7d3676;
--border: #3e2a65;
--text: #08132f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe7e6;
--color-surface: #ffbdbe;
--color-muted: #ea8aa0;
--color-primary: #dc769d;
--color-secondary: #c95485;
--color-accent: #98417d;
--color-highlight: #7d3676;
--color-border: #3e2a65;
--color-text: #08132f;
}JSON (DTCG tokens)
{
"lipstick-tide-30q": {
"bg": {
"$type": "color",
"$value": "#ffe7e6"
},
"surface": {
"$type": "color",
"$value": "#ffbdbe"
},
"muted": {
"$type": "color",
"$value": "#ea8aa0"
},
"primary": {
"$type": "color",
"$value": "#dc769d"
},
"secondary": {
"$type": "color",
"$value": "#c95485"
},
"accent": {
"$type": "color",
"$value": "#98417d"
},
"highlight": {
"$type": "color",
"$value": "#7d3676"
},
"border": {
"$type": "color",
"$value": "#3e2a65"
},
"text": {
"$type": "color",
"$value": "#08132f"
}
}
}About this palette
Lipstick Tide is a 9-color OKLCH-ready palette tagged red, warm, sunset, 9 colors. Hex values: #FFE7E6, #FFBDBE, #EA8AA0, #DC769D, #C95485, #98417D, #7D3676, #3E2A65, #08132F. APCA contrast score Lc 9.3. 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 Lipstick Tide by OKLab color distance.