Palette · 8 colors · Lc 8.3
Pure Aster Tide palette
Pure Aster Tide: a 8-color palette (Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #E9E8F9, #BEC2DA, #99A6CE, #837FB9, #6D5B91, #56426B, #3C3249, #16151F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 8 Colors
bg
#E9E8F9
surface
#BEC2DA
muted
#99A6CE
primary
#837FB9
secondary
#6D5B91
accent
#56426B
highlight
#3C3249
text
#16151F
Colors in Pure Aster Tide: HEX, RGB, HSL & OKLCH
- #E9E8F9 color page →
bg
#E9E8F9
- RGB
- rgb(233 232 249)
- HSL
- hsl(244 59% 94%)
- OKLCH
- oklch(0.937 0.023 288.7)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.37:1 (AAA)
- #BEC2DA color page →
surface
#BEC2DA
- RGB
- rgb(190 194 218)
- HSL
- hsl(231 27% 80%)
- OKLCH
- oklch(0.818 0.034 278.1)
WCAG contrast: on white 1.76:1 (Fail) · on black 11.91:1 (AAA)
- #99A6CE color page →
muted
#99A6CE
- RGB
- rgb(153 166 206)
- HSL
- hsl(225 35% 70%)
- OKLCH
- oklch(0.729 0.06 270.8)
WCAG contrast: on white 2.41:1 (Fail) · on black 8.70:1 (AAA)
- #837FB9 color page →
primary
#837FB9
- RGB
- rgb(131 127 185)
- HSL
- hsl(244 29% 61%)
- OKLCH
- oklch(0.623 0.087 286.7)
WCAG contrast: on white 3.68:1 (Fail) · on black 5.70:1 (AA)
- #6D5B91 color page →
secondary
#6D5B91
- RGB
- rgb(109 91 145)
- HSL
- hsl(260 23% 46%)
- OKLCH
- oklch(0.511 0.086 298.7)
WCAG contrast: on white 5.90:1 (AA) · on black 3.55:1 (Fail)
- #56426B color page →
accent
#56426B
- RGB
- rgb(86 66 107)
- HSL
- hsl(269 24% 34%)
- OKLCH
- oklch(0.418 0.071 306)
WCAG contrast: on white 8.79:1 (AAA) · on black 2.38:1 (Fail)
- #3C3249 color page →
highlight
#3C3249
- RGB
- rgb(60 50 73)
- HSL
- hsl(266 19% 24%)
- OKLCH
- oklch(0.338 0.042 304.1)
WCAG contrast: on white 12.03:1 (AAA) · on black 1.74:1 (Fail)
- #16151F color page →
text
#16151F
- RGB
- rgb(22 21 31)
- HSL
- hsl(246 19% 10%)
- OKLCH
- oklch(0.202 0.02 289.1)
WCAG contrast: on white 18.08:1 (AAA) · on black 1.16:1 (Fail)
Export Pure Aster Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9e8f9;
--surface: #bec2da;
--muted: #99a6ce;
--primary: #837fb9;
--secondary: #6d5b91;
--accent: #56426b;
--highlight: #3c3249;
--text: #16151f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9e8f9;
--color-surface: #bec2da;
--color-muted: #99a6ce;
--color-primary: #837fb9;
--color-secondary: #6d5b91;
--color-accent: #56426b;
--color-highlight: #3c3249;
--color-text: #16151f;
}JSON (DTCG tokens)
{
"pure-aster-tide-yw": {
"bg": {
"$type": "color",
"$value": "#e9e8f9"
},
"surface": {
"$type": "color",
"$value": "#bec2da"
},
"muted": {
"$type": "color",
"$value": "#99a6ce"
},
"primary": {
"$type": "color",
"$value": "#837fb9"
},
"secondary": {
"$type": "color",
"$value": "#6d5b91"
},
"accent": {
"$type": "color",
"$value": "#56426b"
},
"highlight": {
"$type": "color",
"$value": "#3c3249"
},
"text": {
"$type": "color",
"$value": "#16151f"
}
}
}About this palette
Pure Aster Tide is a 8-color OKLCH-ready palette tagged pink, 8 colors. Hex values: #E9E8F9, #BEC2DA, #99A6CE, #837FB9, #6D5B91, #56426B, #3C3249, #16151F. APCA contrast score Lc 8.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 Pure Aster Tide by OKLab color distance.