Palette · 8 colors · Lc 8.7
True Aster Garden palette
True Aster Garden: a 8-color palette (Pink, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #06040C, #211C37, #3A3458, #5E578F, #8677B4, #B1A4D5, #C2BFE4, #EDECF2, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 8 Colors
bg
#06040C
surface
#211C37
muted
#3A3458
primary
#5E578F
secondary
#8677B4
accent
#B1A4D5
highlight
#C2BFE4
text
#EDECF2
Colors in True Aster Garden: HEX, RGB, HSL & OKLCH
- #06040C color page →
bg
#06040C
- RGB
- rgb(6 4 12)
- HSL
- hsl(255 50% 3%)
- OKLCH
- oklch(0.117 0.022 297.3)
WCAG contrast: on white 20.38:1 (AAA) · on black 1.03:1 (Fail)
- #211C37 color page →
surface
#211C37
- RGB
- rgb(33 28 55)
- HSL
- hsl(251 33% 16%)
- OKLCH
- oklch(0.247 0.05 290.7)
WCAG contrast: on white 16.33:1 (AAA) · on black 1.28:1 (Fail)
- #3A3458 color page →
muted
#3A3458
- RGB
- rgb(58 52 88)
- HSL
- hsl(250 26% 27%)
- OKLCH
- oklch(0.348 0.062 290.5)
WCAG contrast: on white 11.58:1 (AAA) · on black 1.81:1 (Fail)
- #5E578F color page →
primary
#5E578F
- RGB
- rgb(94 87 143)
- HSL
- hsl(248 24% 45%)
- OKLCH
- oklch(0.488 0.089 288.4)
WCAG contrast: on white 6.48:1 (AA) · on black 3.23:1 (Fail)
- #8677B4 color page →
secondary
#8677B4
- RGB
- rgb(134 119 180)
- HSL
- hsl(255 29% 59%)
- OKLCH
- oklch(0.607 0.092 294.8)
WCAG contrast: on white 3.95:1 (Fail) · on black 5.31:1 (AA)
- #B1A4D5 color page →
accent
#B1A4D5
- RGB
- rgb(177 164 213)
- HSL
- hsl(256 37% 74%)
- OKLCH
- oklch(0.747 0.071 296.8)
WCAG contrast: on white 2.29:1 (Fail) · on black 9.14:1 (AAA)
- #C2BFE4 color page →
highlight
#C2BFE4
- RGB
- rgb(194 191 228)
- HSL
- hsl(245 41% 82%)
- OKLCH
- oklch(0.819 0.052 288.9)
WCAG contrast: on white 1.76:1 (Fail) · on black 11.86:1 (AAA)
- #EDECF2 color page →
text
#EDECF2
- RGB
- rgb(237 236 242)
- HSL
- hsl(250 19% 94%)
- OKLCH
- oklch(0.946 0.008 293.9)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.88:1 (AAA)
Export True Aster Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #06040c;
--surface: #211c37;
--muted: #3a3458;
--primary: #5e578f;
--secondary: #8677b4;
--accent: #b1a4d5;
--highlight: #c2bfe4;
--text: #edecf2;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #06040c;
--color-surface: #211c37;
--color-muted: #3a3458;
--color-primary: #5e578f;
--color-secondary: #8677b4;
--color-accent: #b1a4d5;
--color-highlight: #c2bfe4;
--color-text: #edecf2;
}JSON (DTCG tokens)
{
"true-aster-garden-in": {
"bg": {
"$type": "color",
"$value": "#06040c"
},
"surface": {
"$type": "color",
"$value": "#211c37"
},
"muted": {
"$type": "color",
"$value": "#3a3458"
},
"primary": {
"$type": "color",
"$value": "#5e578f"
},
"secondary": {
"$type": "color",
"$value": "#8677b4"
},
"accent": {
"$type": "color",
"$value": "#b1a4d5"
},
"highlight": {
"$type": "color",
"$value": "#c2bfe4"
},
"text": {
"$type": "color",
"$value": "#edecf2"
}
}
}About this palette
True Aster Garden is a 8-color OKLCH-ready palette tagged pink, monochromatic, 8 colors. Hex values: #06040C, #211C37, #3A3458, #5E578F, #8677B4, #B1A4D5, #C2BFE4, #EDECF2. APCA contrast score Lc 8.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 True Aster Garden by OKLab color distance.