Palette · 4 colors · Lc 9.6
Dreamscape Purple System palette
Dreamscape Purple System: a 4-color palette (Pink, 4 Colors). HEX, RGB, HSL and OKLCH for #F9F2FE, #9139CB, #362746, #08040E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 4 Colors
bg
#F9F2FE
surface
#9139CB
accent
#362746
text
#08040E
Colors in Dreamscape Purple System: HEX, RGB, HSL & OKLCH
- #F9F2FE color page →
bg
#F9F2FE
- RGB
- rgb(249 242 254)
- HSL
- hsl(275 86% 97%)
- OKLCH
- oklch(0.97 0.017 311.6)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.15:1 (AAA)
- #9139CB color page →
surface
#9139CB
- RGB
- rgb(145 57 203)
- HSL
- hsl(276 58% 51%)
- OKLCH
- oklch(0.537 0.216 308.2)
WCAG contrast: on white 5.75:1 (AA) · on black 3.65:1 (Fail)
- #362746 color page →
accent
#362746
- RGB
- rgb(54 39 70)
- HSL
- hsl(269 28% 21%)
- OKLCH
- oklch(0.305 0.057 305.5)
WCAG contrast: on white 13.67:1 (AAA) · on black 1.53:1 (Fail)
- #08040E color page →
text
#08040E
- RGB
- rgb(8 4 14)
- HSL
- hsl(264 56% 4%)
- OKLCH
- oklch(0.122 0.027 304.5)
WCAG contrast: on white 20.30:1 (AAA) · on black 1.03:1 (Fail)
Export Dreamscape Purple System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9f2fe;
--surface: #9139cb;
--accent: #362746;
--text: #08040e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9f2fe;
--color-surface: #9139cb;
--color-accent: #362746;
--color-text: #08040e;
}JSON (DTCG tokens)
{
"dreamscape-purple-system-3gf": {
"bg": {
"$type": "color",
"$value": "#f9f2fe"
},
"surface": {
"$type": "color",
"$value": "#9139cb"
},
"accent": {
"$type": "color",
"$value": "#362746"
},
"text": {
"$type": "color",
"$value": "#08040e"
}
}
}About this palette
Dreamscape Purple System is a 4-color OKLCH-ready palette tagged pink, 4 colors. Hex values: #F9F2FE, #9139CB, #362746, #08040E. APCA contrast score Lc 9.6. 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 Dreamscape Purple System by OKLab color distance.