Palette · 8 colors · Lc 9.1
Pastel Purple System palette
Pastel Purple System: a 8-color palette (Pink, Gray, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #F3EBF9, #D0C8D6, #AB9FB9, #8A8294, #64576B, #4A4054, #2C2434, #0C070F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Gray
- Monochromatic
- 8 Colors
bg
#F3EBF9
surface
#D0C8D6
muted
#AB9FB9
primary
#8A8294
secondary
#64576B
accent
#4A4054
highlight
#2C2434
text
#0C070F
Colors in Pastel Purple System: HEX, RGB, HSL & OKLCH
- #F3EBF9 color page →
bg
#F3EBF9
- RGB
- rgb(243 235 249)
- HSL
- hsl(274 54% 95%)
- OKLCH
- oklch(0.95 0.02 311.1)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.06:1 (AAA)
- #D0C8D6 color page →
surface
#D0C8D6
- RGB
- rgb(208 200 214)
- HSL
- hsl(274 15% 81%)
- OKLCH
- oklch(0.843 0.021 311.1)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.91:1 (AAA)
- #AB9FB9 color page →
muted
#AB9FB9
- RGB
- rgb(171 159 185)
- HSL
- hsl(268 16% 67%)
- OKLCH
- oklch(0.721 0.039 306.2)
WCAG contrast: on white 2.50:1 (Fail) · on black 8.39:1 (AAA)
- #8A8294 color page →
primary
#8A8294
- RGB
- rgb(138 130 148)
- HSL
- hsl(267 8% 55%)
- OKLCH
- oklch(0.62 0.028 305.6)
WCAG contrast: on white 3.68:1 (Fail) · on black 5.70:1 (AA)
- #64576B color page →
secondary
#64576B
- RGB
- rgb(100 87 107)
- HSL
- hsl(279 10% 38%)
- OKLCH
- oklch(0.477 0.035 313.8)
WCAG contrast: on white 6.73:1 (AA) · on black 3.11:1 (Fail)
- #4A4054 color page →
accent
#4A4054
- RGB
- rgb(74 64 84)
- HSL
- hsl(270 14% 29%)
- OKLCH
- oklch(0.39 0.036 307.4)
WCAG contrast: on white 9.75:1 (AAA) · on black 2.15:1 (Fail)
- #2C2434 color page →
highlight
#2C2434
- RGB
- rgb(44 36 52)
- HSL
- hsl(270 18% 17%)
- OKLCH
- oklch(0.276 0.031 307.2)
WCAG contrast: on white 14.90:1 (AAA) · on black 1.40:1 (Fail)
- #0C070F color page →
text
#0C070F
- RGB
- rgb(12 7 15)
- HSL
- hsl(278 36% 4%)
- OKLCH
- oklch(0.14 0.02 313)
WCAG contrast: on white 19.94:1 (AAA) · on black 1.05:1 (Fail)
Export Pastel Purple System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3ebf9;
--surface: #d0c8d6;
--muted: #ab9fb9;
--primary: #8a8294;
--secondary: #64576b;
--accent: #4a4054;
--highlight: #2c2434;
--text: #0c070f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3ebf9;
--color-surface: #d0c8d6;
--color-muted: #ab9fb9;
--color-primary: #8a8294;
--color-secondary: #64576b;
--color-accent: #4a4054;
--color-highlight: #2c2434;
--color-text: #0c070f;
}JSON (DTCG tokens)
{
"pastel-purple-system-f3": {
"bg": {
"$type": "color",
"$value": "#f3ebf9"
},
"surface": {
"$type": "color",
"$value": "#d0c8d6"
},
"muted": {
"$type": "color",
"$value": "#ab9fb9"
},
"primary": {
"$type": "color",
"$value": "#8a8294"
},
"secondary": {
"$type": "color",
"$value": "#64576b"
},
"accent": {
"$type": "color",
"$value": "#4a4054"
},
"highlight": {
"$type": "color",
"$value": "#2c2434"
},
"text": {
"$type": "color",
"$value": "#0c070f"
}
}
}About this palette
Pastel Purple System is a 8-color OKLCH-ready palette tagged pink, gray, monochromatic, 8 colors. Hex values: #F3EBF9, #D0C8D6, #AB9FB9, #8A8294, #64576B, #4A4054, #2C2434, #0C070F. 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 Pastel Purple System by OKLab color distance.