Palette · 10 colors · Lc 9.7
Purple Pleasures System palette
Purple Pleasures System: a 10-color palette (Pink, 10 Colors). HEX, RGB, HSL and OKLCH for #08030D, #2F1539, #46265F, #5B2B7F, #824AA8, #9167C5, #A182D2, #BD9FE5, #D5C5F3, #F4EEFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 10 Colors
bg
#08030D
surface
#2F1539
muted
#46265F
primary
#5B2B7F
secondary
#824AA8
accent
#9167C5
highlight
#A182D2
border
#BD9FE5
focus
#D5C5F3
text
#F4EEFF
Colors in Purple Pleasures System: HEX, RGB, HSL & OKLCH
- #08030D color page →
bg
#08030D
- RGB
- rgb(8 3 13)
- HSL
- hsl(270 63% 3%)
- OKLCH
- oklch(0.117 0.03 309.7)
WCAG contrast: on white 20.40:1 (AAA) · on black 1.02:1 (Fail)
- #2F1539 color page →
surface
#2F1539
- RGB
- rgb(47 21 57)
- HSL
- hsl(283 46% 15%)
- OKLCH
- oklch(0.252 0.072 315.8)
WCAG contrast: on white 16.31:1 (AAA) · on black 1.28:1 (Fail)
- #46265F color page →
muted
#46265F
- RGB
- rgb(70 38 95)
- HSL
- hsl(274 43% 26%)
- OKLCH
- oklch(0.339 0.101 307.8)
WCAG contrast: on white 12.33:1 (AAA) · on black 1.70:1 (Fail)
- #5B2B7F color page →
primary
#5B2B7F
- RGB
- rgb(91 43 127)
- HSL
- hsl(274 49% 33%)
- OKLCH
- oklch(0.396 0.139 307.5)
WCAG contrast: on white 10.01:1 (AAA) · on black 2.09:1 (Fail)
- #824AA8 color page →
secondary
#824AA8
- RGB
- rgb(130 74 168)
- HSL
- hsl(276 39% 47%)
- OKLCH
- oklch(0.517 0.151 309.6)
WCAG contrast: on white 6.01:1 (AA) · on black 3.49:1 (Fail)
- #9167C5 color page →
accent
#9167C5
- RGB
- rgb(145 103 197)
- HSL
- hsl(267 45% 59%)
- OKLCH
- oklch(0.597 0.144 302.9)
WCAG contrast: on white 4.24:1 (Fail) · on black 4.95:1 (AA)
- #A182D2 color page →
highlight
#A182D2
- RGB
- rgb(161 130 210)
- HSL
- hsl(263 47% 67%)
- OKLCH
- oklch(0.667 0.12 301.1)
WCAG contrast: on white 3.16:1 (Fail) · on black 6.63:1 (AA)
- #BD9FE5 color page →
border
#BD9FE5
- RGB
- rgb(189 159 229)
- HSL
- hsl(266 57% 76%)
- OKLCH
- oklch(0.754 0.103 303.7)
WCAG contrast: on white 2.26:1 (Fail) · on black 9.25:1 (AAA)
- #D5C5F3 color page →
focus
#D5C5F3
- RGB
- rgb(213 197 243)
- HSL
- hsl(261 66% 86%)
- OKLCH
- oklch(0.851 0.065 300.9)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.10:1 (AAA)
- #F4EEFF color page →
text
#F4EEFF
- RGB
- rgb(244 238 255)
- HSL
- hsl(261 100% 97%)
- OKLCH
- oklch(0.959 0.023 302)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.52:1 (AAA)
Export Purple Pleasures System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #08030d;
--surface: #2f1539;
--muted: #46265f;
--primary: #5b2b7f;
--secondary: #824aa8;
--accent: #9167c5;
--highlight: #a182d2;
--border: #bd9fe5;
--focus: #d5c5f3;
--text: #f4eeff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #08030d;
--color-surface: #2f1539;
--color-muted: #46265f;
--color-primary: #5b2b7f;
--color-secondary: #824aa8;
--color-accent: #9167c5;
--color-highlight: #a182d2;
--color-border: #bd9fe5;
--color-focus: #d5c5f3;
--color-text: #f4eeff;
}JSON (DTCG tokens)
{
"purple-pleasures-system-3uk": {
"bg": {
"$type": "color",
"$value": "#08030d"
},
"surface": {
"$type": "color",
"$value": "#2f1539"
},
"muted": {
"$type": "color",
"$value": "#46265f"
},
"primary": {
"$type": "color",
"$value": "#5b2b7f"
},
"secondary": {
"$type": "color",
"$value": "#824aa8"
},
"accent": {
"$type": "color",
"$value": "#9167c5"
},
"highlight": {
"$type": "color",
"$value": "#a182d2"
},
"border": {
"$type": "color",
"$value": "#bd9fe5"
},
"focus": {
"$type": "color",
"$value": "#d5c5f3"
},
"text": {
"$type": "color",
"$value": "#f4eeff"
}
}
}About this palette
Purple Pleasures System is a 10-color OKLCH-ready palette tagged pink, 10 colors. Hex values: #08030D, #2F1539, #46265F, #5B2B7F, #824AA8, #9167C5, #A182D2, #BD9FE5, #D5C5F3, #F4EEFF. APCA contrast score Lc 9.7. 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 Pleasures System by OKLab color distance.