Palette · 8 colors · Lc 9.1
Classic Aster Atelier palette
Classic Aster Atelier: a 8-color palette (Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #E9EAF6, #CECAF6, #A6A4D7, #7D76B1, #5E598D, #3D3765, #1C1839, #080610, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 8 Colors
bg
#E9EAF6
surface
#CECAF6
muted
#A6A4D7
primary
#7D76B1
secondary
#5E598D
accent
#3D3765
highlight
#1C1839
text
#080610
Colors in Classic Aster Atelier: HEX, RGB, HSL & OKLCH
- #E9EAF6 color page →
bg
#E9EAF6
- RGB
- rgb(233 234 246)
- HSL
- hsl(235 42% 94%)
- OKLCH
- oklch(0.94 0.016 282.3)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.56:1 (AAA)
- #CECAF6 color page →
surface
#CECAF6
- RGB
- rgb(206 202 246)
- HSL
- hsl(245 71% 88%)
- OKLCH
- oklch(0.857 0.061 289.2)
WCAG contrast: on white 1.56:1 (Fail) · on black 13.40:1 (AAA)
- #A6A4D7 color page →
muted
#A6A4D7
- RGB
- rgb(166 164 215)
- HSL
- hsl(242 39% 74%)
- OKLCH
- oklch(0.738 0.073 286.3)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.91:1 (AAA)
- #7D76B1 color page →
primary
#7D76B1
- RGB
- rgb(125 118 177)
- HSL
- hsl(247 27% 58%)
- OKLCH
- oklch(0.596 0.089 288.8)
WCAG contrast: on white 4.11:1 (Fail) · on black 5.09:1 (AA)
- #5E598D color page →
secondary
#5E598D
- RGB
- rgb(94 89 141)
- HSL
- hsl(246 23% 45%)
- OKLCH
- oklch(0.491 0.082 287.4)
WCAG contrast: on white 6.38:1 (AA) · on black 3.28:1 (Fail)
- #3D3765 color page →
accent
#3D3765
- RGB
- rgb(61 55 101)
- HSL
- hsl(248 29% 31%)
- OKLCH
- oklch(0.366 0.078 287.9)
WCAG contrast: on white 10.86:1 (AAA) · on black 1.93:1 (Fail)
- #1C1839 color page →
highlight
#1C1839
- RGB
- rgb(28 24 57)
- HSL
- hsl(247 41% 16%)
- OKLCH
- oklch(0.234 0.062 286.1)
WCAG contrast: on white 16.94:1 (AAA) · on black 1.23:1 (Fail)
- #080610 color page →
text
#080610
- RGB
- rgb(8 6 16)
- HSL
- hsl(252 45% 4%)
- OKLCH
- oklch(0.132 0.023 293.7)
WCAG contrast: on white 20.11:1 (AAA) · on black 1.04:1 (Fail)
Export Classic Aster Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9eaf6;
--surface: #cecaf6;
--muted: #a6a4d7;
--primary: #7d76b1;
--secondary: #5e598d;
--accent: #3d3765;
--highlight: #1c1839;
--text: #080610;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9eaf6;
--color-surface: #cecaf6;
--color-muted: #a6a4d7;
--color-primary: #7d76b1;
--color-secondary: #5e598d;
--color-accent: #3d3765;
--color-highlight: #1c1839;
--color-text: #080610;
}JSON (DTCG tokens)
{
"classic-aster-atelier-2j6": {
"bg": {
"$type": "color",
"$value": "#e9eaf6"
},
"surface": {
"$type": "color",
"$value": "#cecaf6"
},
"muted": {
"$type": "color",
"$value": "#a6a4d7"
},
"primary": {
"$type": "color",
"$value": "#7d76b1"
},
"secondary": {
"$type": "color",
"$value": "#5e598d"
},
"accent": {
"$type": "color",
"$value": "#3d3765"
},
"highlight": {
"$type": "color",
"$value": "#1c1839"
},
"text": {
"$type": "color",
"$value": "#080610"
}
}
}About this palette
Classic Aster Atelier is a 8-color OKLCH-ready palette tagged pink, 8 colors. Hex values: #E9EAF6, #CECAF6, #A6A4D7, #7D76B1, #5E598D, #3D3765, #1C1839, #080610. 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 Classic Aster Atelier by OKLab color distance.