Palette · 8 colors · Lc 7.8
Purple Rain Tide palette
Purple Rain Tide: a 8-color palette (Pink, Rainbow, 8 Colors). HEX, RGB, HSL and OKLCH for #DEE5F0, #598BE8, #7C43C7, #B12764, #A43E00, #3C7300, #005C5B, #070D15, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DEE5F0
surface
#598BE8
muted
#7C43C7
primary
#B12764
secondary
#A43E00
accent
#3C7300
highlight
#005C5B
text
#070D15
Colors in Purple Rain Tide: HEX, RGB, HSL & OKLCH
- #DEE5F0 color page →
bg
#DEE5F0
- RGB
- rgb(222 229 240)
- HSL
- hsl(217 37% 91%)
- OKLCH
- oklch(0.92 0.017 259.4)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.57:1 (AAA)
- #598BE8 color page →
surface
#598BE8
- RGB
- rgb(89 139 232)
- HSL
- hsl(219 76% 63%)
- OKLCH
- oklch(0.645 0.15 261.8)
WCAG contrast: on white 3.34:1 (Fail) · on black 6.28:1 (AA)
- #7C43C7 color page →
muted
#7C43C7
- RGB
- rgb(124 67 199)
- HSL
- hsl(266 54% 52%)
- OKLCH
- oklch(0.521 0.195 299.3)
WCAG contrast: on white 6.02:1 (AA) · on black 3.48:1 (Fail)
- #B12764 color page →
primary
#B12764
- RGB
- rgb(177 39 100)
- HSL
- hsl(333 64% 42%)
- OKLCH
- oklch(0.513 0.179 359.3)
WCAG contrast: on white 6.28:1 (AA) · on black 3.34:1 (Fail)
- #A43E00 color page →
secondary
#A43E00
- RGB
- rgb(164 62 0)
- HSL
- hsl(23 100% 32%)
- OKLCH
- oklch(0.499 0.147 43.1)
WCAG contrast: on white 6.42:1 (AA) · on black 3.26:1 (Fail)
- #3C7300 color page →
accent
#3C7300
- RGB
- rgb(60 115 0)
- HSL
- hsl(89 100% 23%)
- OKLCH
- oklch(0.498 0.144 134.4)
WCAG contrast: on white 5.76:1 (AA) · on black 3.64:1 (Fail)
- #005C5B color page →
highlight
#005C5B
- RGB
- rgb(0 92 91)
- HSL
- hsl(179 100% 18%)
- OKLCH
- oklch(0.429 0.073 193.5)
WCAG contrast: on white 7.83:1 (AAA) · on black 2.68:1 (Fail)
- #070D15 color page →
text
#070D15
- RGB
- rgb(7 13 21)
- HSL
- hsl(214 50% 5%)
- OKLCH
- oklch(0.157 0.02 254.7)
WCAG contrast: on white 19.49:1 (AAA) · on black 1.07:1 (Fail)
Export Purple Rain Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dee5f0;
--surface: #598be8;
--muted: #7c43c7;
--primary: #b12764;
--secondary: #a43e00;
--accent: #3c7300;
--highlight: #005c5b;
--text: #070d15;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dee5f0;
--color-surface: #598be8;
--color-muted: #7c43c7;
--color-primary: #b12764;
--color-secondary: #a43e00;
--color-accent: #3c7300;
--color-highlight: #005c5b;
--color-text: #070d15;
}JSON (DTCG tokens)
{
"purple-rain-tide-n6": {
"bg": {
"$type": "color",
"$value": "#dee5f0"
},
"surface": {
"$type": "color",
"$value": "#598be8"
},
"muted": {
"$type": "color",
"$value": "#7c43c7"
},
"primary": {
"$type": "color",
"$value": "#b12764"
},
"secondary": {
"$type": "color",
"$value": "#a43e00"
},
"accent": {
"$type": "color",
"$value": "#3c7300"
},
"highlight": {
"$type": "color",
"$value": "#005c5b"
},
"text": {
"$type": "color",
"$value": "#070d15"
}
}
}About this palette
Purple Rain Tide is a 8-color OKLCH-ready palette tagged pink, rainbow, 8 colors. Hex values: #DEE5F0, #598BE8, #7C43C7, #B12764, #A43E00, #3C7300, #005C5B, #070D15. APCA contrast score Lc 7.8. 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 Purple Rain Tide by OKLab color distance.