Palette · 10 colors · Lc 9
Pure Purple Rain Bloom palette
Pure Purple Rain Bloom: a 10-color palette (Pink, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #EFEDDD, #BDB55E, #A98C00, #00953E, #0079B8, #3C5CD8, #6F3EC7, #8D1A7E, #612210, #191803, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFEDDD
surface
#BDB55E
muted
#A98C00
primary
#00953E
secondary
#0079B8
accent
#3C5CD8
highlight
#6F3EC7
border
#8D1A7E
focus
#612210
text
#191803
Colors in Pure Purple Rain Bloom: HEX, RGB, HSL & OKLCH
- #EFEDDD color page →
bg
#EFEDDD
- RGB
- rgb(239 237 221)
- HSL
- hsl(53 36% 90%)
- OKLCH
- oklch(0.943 0.021 101)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.82:1 (AAA)
- #BDB55E color page →
surface
#BDB55E
- RGB
- rgb(189 181 94)
- HSL
- hsl(55 42% 55%)
- OKLCH
- oklch(0.761 0.11 104)
WCAG contrast: on white 2.11:1 (Fail) · on black 9.93:1 (AAA)
- #A98C00 color page →
muted
#A98C00
- RGB
- rgb(169 140 0)
- HSL
- hsl(50 100% 33%)
- OKLCH
- oklch(0.648 0.133 94.2)
WCAG contrast: on white 3.26:1 (Fail) · on black 6.43:1 (AA)
- #00953E color page →
primary
#00953E
- RGB
- rgb(0 149 62)
- HSL
- hsl(145 100% 29%)
- OKLCH
- oklch(0.585 0.166 148.8)
WCAG contrast: on white 3.91:1 (Fail) · on black 5.36:1 (AA)
- #0079B8 color page →
secondary
#0079B8
- RGB
- rgb(0 121 184)
- HSL
- hsl(201 100% 36%)
- OKLCH
- oklch(0.552 0.132 242.3)
WCAG contrast: on white 4.74:1 (AA) · on black 4.42:1 (Fail)
- #3C5CD8 color page →
accent
#3C5CD8
- RGB
- rgb(60 92 216)
- HSL
- hsl(228 67% 54%)
- OKLCH
- oklch(0.525 0.193 268)
WCAG contrast: on white 5.65:1 (AA) · on black 3.71:1 (Fail)
- #6F3EC7 color page →
highlight
#6F3EC7
- RGB
- rgb(111 62 199)
- HSL
- hsl(261 55% 51%)
- OKLCH
- oklch(0.501 0.2 294.4)
WCAG contrast: on white 6.58:1 (AA) · on black 3.18:1 (Fail)
- #8D1A7E color page →
border
#8D1A7E
- RGB
- rgb(141 26 126)
- HSL
- hsl(308 69% 33%)
- OKLCH
- oklch(0.453 0.182 334.3)
WCAG contrast: on white 8.13:1 (AAA) · on black 2.58:1 (Fail)
- #612210 color page →
focus
#612210
- RGB
- rgb(97 34 16)
- HSL
- hsl(13 72% 22%)
- OKLCH
- oklch(0.344 0.096 36.4)
WCAG contrast: on white 12.03:1 (AAA) · on black 1.74:1 (Fail)
- #191803 color page →
text
#191803
- RGB
- rgb(25 24 3)
- HSL
- hsl(57 79% 5%)
- OKLCH
- oklch(0.204 0.038 106.9)
WCAG contrast: on white 17.89:1 (AAA) · on black 1.17:1 (Fail)
Export Pure Purple Rain Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efeddd;
--surface: #bdb55e;
--muted: #a98c00;
--primary: #00953e;
--secondary: #0079b8;
--accent: #3c5cd8;
--highlight: #6f3ec7;
--border: #8d1a7e;
--focus: #612210;
--text: #191803;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efeddd;
--color-surface: #bdb55e;
--color-muted: #a98c00;
--color-primary: #00953e;
--color-secondary: #0079b8;
--color-accent: #3c5cd8;
--color-highlight: #6f3ec7;
--color-border: #8d1a7e;
--color-focus: #612210;
--color-text: #191803;
}JSON (DTCG tokens)
{
"pure-purple-rain-bloom-7m0": {
"bg": {
"$type": "color",
"$value": "#efeddd"
},
"surface": {
"$type": "color",
"$value": "#bdb55e"
},
"muted": {
"$type": "color",
"$value": "#a98c00"
},
"primary": {
"$type": "color",
"$value": "#00953e"
},
"secondary": {
"$type": "color",
"$value": "#0079b8"
},
"accent": {
"$type": "color",
"$value": "#3c5cd8"
},
"highlight": {
"$type": "color",
"$value": "#6f3ec7"
},
"border": {
"$type": "color",
"$value": "#8d1a7e"
},
"focus": {
"$type": "color",
"$value": "#612210"
},
"text": {
"$type": "color",
"$value": "#191803"
}
}
}About this palette
Pure Purple Rain Bloom is a 10-color OKLCH-ready palette tagged pink, rainbow, 10 colors. Hex values: #EFEDDD, #BDB55E, #A98C00, #00953E, #0079B8, #3C5CD8, #6F3EC7, #8D1A7E, #612210, #191803. APCA contrast score Lc 9. 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 Purple Rain Bloom by OKLab color distance.