Palette · 8 colors · Lc 9.3
True Aster Garden palette
True Aster Garden: a 8-color palette (Pink, Gray, 8 Colors). HEX, RGB, HSL and OKLCH for #07040C, #2A2439, #433F5D, #675D88, #817EB2, #A6A8CD, #C5C5DE, #E8EAF4, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#07040C
surface
#2A2439
muted
#433F5D
primary
#675D88
secondary
#817EB2
accent
#A6A8CD
highlight
#C5C5DE
text
#E8EAF4
Colors in True Aster Garden: HEX, RGB, HSL & OKLCH
- #07040C color page →
bg
#07040C
- RGB
- rgb(7 4 12)
- HSL
- hsl(263 50% 3%)
- OKLCH
- oklch(0.119 0.022 303.8)
WCAG contrast: on white 20.35:1 (AAA) · on black 1.03:1 (Fail)
- #2A2439 color page →
surface
#2A2439
- RGB
- rgb(42 36 57)
- HSL
- hsl(257 23% 18%)
- OKLCH
- oklch(0.277 0.039 296.9)
WCAG contrast: on white 14.89:1 (AAA) · on black 1.40:1 (Fail)
- #433F5D color page →
muted
#433F5D
- RGB
- rgb(67 63 93)
- HSL
- hsl(248 19% 31%)
- OKLCH
- oklch(0.385 0.051 289.9)
WCAG contrast: on white 9.96:1 (AAA) · on black 2.10:1 (Fail)
- #675D88 color page →
primary
#675D88
- RGB
- rgb(103 93 136)
- HSL
- hsl(254 19% 45%)
- OKLCH
- oklch(0.505 0.068 294.5)
WCAG contrast: on white 6.00:1 (AA) · on black 3.49:1 (Fail)
- #817EB2 color page →
secondary
#817EB2
- RGB
- rgb(129 126 178)
- HSL
- hsl(243 25% 60%)
- OKLCH
- oklch(0.616 0.078 286.5)
WCAG contrast: on white 3.77:1 (Fail) · on black 5.56:1 (AA)
- #A6A8CD color page →
accent
#A6A8CD
- RGB
- rgb(166 168 205)
- HSL
- hsl(237 28% 73%)
- OKLCH
- oklch(0.743 0.053 282.6)
WCAG contrast: on white 2.30:1 (Fail) · on black 9.10:1 (AAA)
- #C5C5DE color page →
highlight
#C5C5DE
- RGB
- rgb(197 197 222)
- HSL
- hsl(240 27% 82%)
- OKLCH
- oklch(0.831 0.035 285.6)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.41:1 (AAA)
- #E8EAF4 color page →
text
#E8EAF4
- RGB
- rgb(232 234 244)
- HSL
- hsl(230 35% 93%)
- OKLCH
- oklch(0.938 0.014 277.1)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.50:1 (AAA)
Export True Aster Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #07040c;
--surface: #2a2439;
--muted: #433f5d;
--primary: #675d88;
--secondary: #817eb2;
--accent: #a6a8cd;
--highlight: #c5c5de;
--text: #e8eaf4;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #07040c;
--color-surface: #2a2439;
--color-muted: #433f5d;
--color-primary: #675d88;
--color-secondary: #817eb2;
--color-accent: #a6a8cd;
--color-highlight: #c5c5de;
--color-text: #e8eaf4;
}JSON (DTCG tokens)
{
"true-aster-garden-r0": {
"bg": {
"$type": "color",
"$value": "#07040c"
},
"surface": {
"$type": "color",
"$value": "#2a2439"
},
"muted": {
"$type": "color",
"$value": "#433f5d"
},
"primary": {
"$type": "color",
"$value": "#675d88"
},
"secondary": {
"$type": "color",
"$value": "#817eb2"
},
"accent": {
"$type": "color",
"$value": "#a6a8cd"
},
"highlight": {
"$type": "color",
"$value": "#c5c5de"
},
"text": {
"$type": "color",
"$value": "#e8eaf4"
}
}
}About this palette
True Aster Garden is a 8-color OKLCH-ready palette tagged pink, gray, 8 colors. Hex values: #07040C, #2A2439, #433F5D, #675D88, #817EB2, #A6A8CD, #C5C5DE, #E8EAF4. APCA contrast score Lc 9.3. 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.