Palette · 5 colors · Lc 9.9
Aster Dune palette
Aster Dune: a 5-color palette (Pink, Gray, 5 Colors). HEX, RGB, HSL and OKLCH for #F0F2FF, #7973A6, #846A45, #516A4B, #14121C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0F2FF
surface
#7973A6
primary
#846A45
accent
#516A4B
text
#14121C
Colors in Aster Dune: HEX, RGB, HSL & OKLCH
- #F0F2FF color page →
bg
#F0F2FF
- RGB
- rgb(240 242 255)
- HSL
- hsl(232 100% 97%)
- OKLCH
- oklch(0.963 0.018 279.1)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.84:1 (AAA)
- #7973A6 color page →
surface
#7973A6
- RGB
- rgb(121 115 166)
- HSL
- hsl(247 22% 55%)
- OKLCH
- oklch(0.581 0.078 289.1)
WCAG contrast: on white 4.36:1 (Fail) · on black 4.81:1 (AA)
- #846A45 color page →
primary
#846A45
- RGB
- rgb(132 106 69)
- HSL
- hsl(35 31% 39%)
- OKLCH
- oklch(0.541 0.062 75.6)
WCAG contrast: on white 5.08:1 (AA) · on black 4.12:1 (Fail)
- #516A4B color page →
accent
#516A4B
- RGB
- rgb(81 106 75)
- HSL
- hsl(108 17% 35%)
- OKLCH
- oklch(0.495 0.057 139.6)
WCAG contrast: on white 5.97:1 (AA) · on black 3.51:1 (Fail)
- #14121C color page →
text
#14121C
- RGB
- rgb(20 18 28)
- HSL
- hsl(252 22% 9%)
- OKLCH
- oklch(0.19 0.02 293.5)
WCAG contrast: on white 18.53:1 (AAA) · on black 1.13:1 (Fail)
Export Aster Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0f2ff;
--surface: #7973a6;
--primary: #846a45;
--accent: #516a4b;
--text: #14121c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0f2ff;
--color-surface: #7973a6;
--color-primary: #846a45;
--color-accent: #516a4b;
--color-text: #14121c;
}JSON (DTCG tokens)
{
"aster-dune-6kn": {
"bg": {
"$type": "color",
"$value": "#f0f2ff"
},
"surface": {
"$type": "color",
"$value": "#7973a6"
},
"primary": {
"$type": "color",
"$value": "#846a45"
},
"accent": {
"$type": "color",
"$value": "#516a4b"
},
"text": {
"$type": "color",
"$value": "#14121c"
}
}
}About this palette
Aster Dune is a 5-color OKLCH-ready palette tagged pink, gray, 5 colors. Hex values: #F0F2FF, #7973A6, #846A45, #516A4B, #14121C. APCA contrast score Lc 9.9. 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 Aster Dune by OKLab color distance.