Palette · 8 colors · Lc 9.6
Aster Pulse palette
Aster Pulse: a 8-color palette (Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #0C0813, #261A30, #4A3B61, #665587, #927CB5, #B3A2DA, #CFC6E2, #F0EEFE, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 8 Colors
bg
#0C0813
surface
#261A30
muted
#4A3B61
primary
#665587
secondary
#927CB5
accent
#B3A2DA
highlight
#CFC6E2
text
#F0EEFE
Colors in Aster Pulse: HEX, RGB, HSL & OKLCH
- #0C0813 color page →
bg
#0C0813
- RGB
- rgb(12 8 19)
- HSL
- hsl(262 41% 5%)
- OKLCH
- oklch(0.146 0.024 300.5)
WCAG contrast: on white 19.81:1 (AAA) · on black 1.05:1 (Fail)
- #261A30 color page →
surface
#261A30
- RGB
- rgb(38 26 48)
- HSL
- hsl(273 30% 15%)
- OKLCH
- oklch(0.243 0.044 308.5)
WCAG contrast: on white 16.49:1 (AAA) · on black 1.27:1 (Fail)
- #4A3B61 color page →
muted
#4A3B61
- RGB
- rgb(74 59 97)
- HSL
- hsl(264 24% 31%)
- OKLCH
- oklch(0.385 0.065 301.6)
WCAG contrast: on white 10.05:1 (AAA) · on black 2.08:1 (Fail)
- #665587 color page →
primary
#665587
- RGB
- rgb(102 85 135)
- HSL
- hsl(260 23% 43%)
- OKLCH
- oklch(0.487 0.081 299)
WCAG contrast: on white 6.53:1 (AA) · on black 3.21:1 (Fail)
- #927CB5 color page →
secondary
#927CB5
- RGB
- rgb(146 124 181)
- HSL
- hsl(263 28% 60%)
- OKLCH
- oklch(0.628 0.087 301.7)
WCAG contrast: on white 3.63:1 (Fail) · on black 5.77:1 (AA)
- #B3A2DA color page →
accent
#B3A2DA
- RGB
- rgb(179 162 218)
- HSL
- hsl(258 43% 75%)
- OKLCH
- oklch(0.746 0.081 298.3)
WCAG contrast: on white 2.30:1 (Fail) · on black 9.09:1 (AAA)
- #CFC6E2 color page →
highlight
#CFC6E2
- RGB
- rgb(207 198 226)
- HSL
- hsl(259 33% 83%)
- OKLCH
- oklch(0.843 0.04 300.2)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.82:1 (AAA)
- #F0EEFE color page →
text
#F0EEFE
- RGB
- rgb(240 238 254)
- HSL
- hsl(248 89% 96%)
- OKLCH
- oklch(0.955 0.021 291.7)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.36:1 (AAA)
Export Aster Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0c0813;
--surface: #261a30;
--muted: #4a3b61;
--primary: #665587;
--secondary: #927cb5;
--accent: #b3a2da;
--highlight: #cfc6e2;
--text: #f0eefe;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0c0813;
--color-surface: #261a30;
--color-muted: #4a3b61;
--color-primary: #665587;
--color-secondary: #927cb5;
--color-accent: #b3a2da;
--color-highlight: #cfc6e2;
--color-text: #f0eefe;
}JSON (DTCG tokens)
{
"aster-pulse-3wr": {
"bg": {
"$type": "color",
"$value": "#0c0813"
},
"surface": {
"$type": "color",
"$value": "#261a30"
},
"muted": {
"$type": "color",
"$value": "#4a3b61"
},
"primary": {
"$type": "color",
"$value": "#665587"
},
"secondary": {
"$type": "color",
"$value": "#927cb5"
},
"accent": {
"$type": "color",
"$value": "#b3a2da"
},
"highlight": {
"$type": "color",
"$value": "#cfc6e2"
},
"text": {
"$type": "color",
"$value": "#f0eefe"
}
}
}About this palette
Aster Pulse is a 8-color OKLCH-ready palette tagged pink, 8 colors. Hex values: #0C0813, #261A30, #4A3B61, #665587, #927CB5, #B3A2DA, #CFC6E2, #F0EEFE. 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 Aster Pulse by OKLab color distance.