Palette · 8 colors · Lc 10
True Aster Bloom palette
True Aster Bloom: a 8-color palette (Pink, Gray, 8 Colors). HEX, RGB, HSL and OKLCH for #08080E, #221D2E, #454457, #5F5B7D, #817FA5, #9E9DB2, #C1C4DC, #F7F7FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#08080E
surface
#221D2E
muted
#454457
primary
#5F5B7D
secondary
#817FA5
accent
#9E9DB2
highlight
#C1C4DC
text
#F7F7FF
Colors in True Aster Bloom: HEX, RGB, HSL & OKLCH
- #08080E color page →
bg
#08080E
- RGB
- rgb(8 8 14)
- HSL
- hsl(240 27% 4%)
- OKLCH
- oklch(0.138 0.013 284.5)
WCAG contrast: on white 19.97:1 (AAA) · on black 1.05:1 (Fail)
- #221D2E color page →
surface
#221D2E
- RGB
- rgb(34 29 46)
- HSL
- hsl(258 23% 15%)
- OKLCH
- oklch(0.245 0.033 297.5)
WCAG contrast: on white 16.36:1 (AAA) · on black 1.28:1 (Fail)
- #454457 color page →
muted
#454457
- RGB
- rgb(69 68 87)
- HSL
- hsl(243 12% 30%)
- OKLCH
- oklch(0.395 0.032 287.3)
WCAG contrast: on white 9.47:1 (AAA) · on black 2.21:1 (Fail)
- #5F5B7D color page →
primary
#5F5B7D
- RGB
- rgb(95 91 125)
- HSL
- hsl(247 16% 42%)
- OKLCH
- oklch(0.488 0.054 289.6)
WCAG contrast: on white 6.40:1 (AA) · on black 3.27:1 (Fail)
- #817FA5 color page →
secondary
#817FA5
- RGB
- rgb(129 127 165)
- HSL
- hsl(243 17% 57%)
- OKLCH
- oklch(0.612 0.057 287)
WCAG contrast: on white 3.80:1 (Fail) · on black 5.51:1 (AA)
- #9E9DB2 color page →
accent
#9E9DB2
- RGB
- rgb(158 157 178)
- HSL
- hsl(243 12% 66%)
- OKLCH
- oklch(0.704 0.03 287.8)
WCAG contrast: on white 2.65:1 (Fail) · on black 7.91:1 (AAA)
- #C1C4DC color page →
highlight
#C1C4DC
- RGB
- rgb(193 196 220)
- HSL
- hsl(233 28% 81%)
- OKLCH
- oklch(0.826 0.034 280)
WCAG contrast: on white 1.72:1 (Fail) · on black 12.19:1 (AAA)
- #F7F7FF color page →
text
#F7F7FF
- RGB
- rgb(247 247 255)
- HSL
- hsl(240 100% 98%)
- OKLCH
- oklch(0.978 0.011 286.2)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.70:1 (AAA)
Export True Aster Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #08080e;
--surface: #221d2e;
--muted: #454457;
--primary: #5f5b7d;
--secondary: #817fa5;
--accent: #9e9db2;
--highlight: #c1c4dc;
--text: #f7f7ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #08080e;
--color-surface: #221d2e;
--color-muted: #454457;
--color-primary: #5f5b7d;
--color-secondary: #817fa5;
--color-accent: #9e9db2;
--color-highlight: #c1c4dc;
--color-text: #f7f7ff;
}JSON (DTCG tokens)
{
"true-aster-bloom-5pz": {
"bg": {
"$type": "color",
"$value": "#08080e"
},
"surface": {
"$type": "color",
"$value": "#221d2e"
},
"muted": {
"$type": "color",
"$value": "#454457"
},
"primary": {
"$type": "color",
"$value": "#5f5b7d"
},
"secondary": {
"$type": "color",
"$value": "#817fa5"
},
"accent": {
"$type": "color",
"$value": "#9e9db2"
},
"highlight": {
"$type": "color",
"$value": "#c1c4dc"
},
"text": {
"$type": "color",
"$value": "#f7f7ff"
}
}
}About this palette
True Aster Bloom is a 8-color OKLCH-ready palette tagged pink, gray, 8 colors. Hex values: #08080E, #221D2E, #454457, #5F5B7D, #817FA5, #9E9DB2, #C1C4DC, #F7F7FF. APCA contrast score Lc 10. 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 Bloom by OKLab color distance.