Palette · 10 colors · Lc 9.1
Atomic Lusty Lips Tide palette
Atomic Lusty Lips Tide: a 10-color palette (Red, Warm, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #F7EDF5, #E9A1DD, #BD47C7, #DA154F, #9A5A00, #317800, #00872F, #00797F, #0D316D, #130914, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7EDF5
surface
#E9A1DD
muted
#BD47C7
primary
#DA154F
secondary
#9A5A00
accent
#317800
highlight
#00872F
border
#00797F
focus
#0D316D
text
#130914
Colors in Atomic Lusty Lips Tide: HEX, RGB, HSL & OKLCH
- #F7EDF5 color page →
bg
#F7EDF5
- RGB
- rgb(247 237 245)
- HSL
- hsl(312 38% 95%)
- OKLCH
- oklch(0.956 0.015 332.2)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.38:1 (AAA)
- #E9A1DD color page →
surface
#E9A1DD
- RGB
- rgb(233 161 221)
- HSL
- hsl(310 62% 77%)
- OKLCH
- oklch(0.797 0.115 332.6)
WCAG contrast: on white 1.97:1 (Fail) · on black 10.60:1 (AAA)
- #BD47C7 color page →
muted
#BD47C7
- RGB
- rgb(189 71 199)
- HSL
- hsl(295 53% 53%)
- OKLCH
- oklch(0.607 0.212 324.5)
WCAG contrast: on white 4.29:1 (Fail) · on black 4.88:1 (AA)
- #DA154F color page →
primary
#DA154F
- RGB
- rgb(218 21 79)
- HSL
- hsl(342 82% 47%)
- OKLCH
- oklch(0.571 0.22 13.9)
WCAG contrast: on white 4.99:1 (AA) · on black 4.20:1 (Fail)
- #9A5A00 color page →
secondary
#9A5A00
- RGB
- rgb(154 90 0)
- HSL
- hsl(35 100% 30%)
- OKLCH
- oklch(0.529 0.119 64.3)
WCAG contrast: on white 5.47:1 (AA) · on black 3.83:1 (Fail)
- #317800 color page →
accent
#317800
- RGB
- rgb(49 120 0)
- HSL
- hsl(96 100% 24%)
- OKLCH
- oklch(0.507 0.155 137.5)
WCAG contrast: on white 5.50:1 (AA) · on black 3.81:1 (Fail)
- #00872F color page →
highlight
#00872F
- RGB
- rgb(0 135 47)
- HSL
- hsl(141 100% 26%)
- OKLCH
- oklch(0.543 0.161 147)
WCAG contrast: on white 4.65:1 (AA) · on black 4.50:1 (AA)
- #00797F color page →
border
#00797F
- RGB
- rgb(0 121 127)
- HSL
- hsl(183 100% 25%)
- OKLCH
- oklch(0.524 0.089 200.9)
WCAG contrast: on white 5.19:1 (AA) · on black 4.04:1 (Fail)
- #0D316D color page →
focus
#0D316D
- RGB
- rgb(13 49 109)
- HSL
- hsl(218 79% 24%)
- OKLCH
- oklch(0.328 0.112 260.3)
WCAG contrast: on white 12.52:1 (AAA) · on black 1.67:1 (Fail)
- #130914 color page →
text
#130914
- RGB
- rgb(19 9 20)
- HSL
- hsl(295 38% 6%)
- OKLCH
- oklch(0.16 0.028 323.6)
WCAG contrast: on white 19.50:1 (AAA) · on black 1.07:1 (Fail)
Export Atomic Lusty Lips Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7edf5;
--surface: #e9a1dd;
--muted: #bd47c7;
--primary: #da154f;
--secondary: #9a5a00;
--accent: #317800;
--highlight: #00872f;
--border: #00797f;
--focus: #0d316d;
--text: #130914;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7edf5;
--color-surface: #e9a1dd;
--color-muted: #bd47c7;
--color-primary: #da154f;
--color-secondary: #9a5a00;
--color-accent: #317800;
--color-highlight: #00872f;
--color-border: #00797f;
--color-focus: #0d316d;
--color-text: #130914;
}JSON (DTCG tokens)
{
"atomic-lusty-lips-tide-240": {
"bg": {
"$type": "color",
"$value": "#f7edf5"
},
"surface": {
"$type": "color",
"$value": "#e9a1dd"
},
"muted": {
"$type": "color",
"$value": "#bd47c7"
},
"primary": {
"$type": "color",
"$value": "#da154f"
},
"secondary": {
"$type": "color",
"$value": "#9a5a00"
},
"accent": {
"$type": "color",
"$value": "#317800"
},
"highlight": {
"$type": "color",
"$value": "#00872f"
},
"border": {
"$type": "color",
"$value": "#00797f"
},
"focus": {
"$type": "color",
"$value": "#0d316d"
},
"text": {
"$type": "color",
"$value": "#130914"
}
}
}About this palette
Atomic Lusty Lips Tide is a 10-color OKLCH-ready palette tagged red, warm, rainbow, 10 colors. Hex values: #F7EDF5, #E9A1DD, #BD47C7, #DA154F, #9A5A00, #317800, #00872F, #00797F, #0D316D, #130914. APCA contrast score Lc 9.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 Atomic Lusty Lips Tide by OKLab color distance.