Palette · 9 colors · Lc 10
True Galactic Gossamer Dune palette
True Galactic Gossamer Dune: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #F4F5FC, #C4CCE4, #A1ABD3, #8187C4, #6566A0, #4D4A77, #2F315E, #231F38, #09090E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#F4F5FC
surface
#C4CCE4
muted
#A1ABD3
primary
#8187C4
secondary
#6566A0
accent
#4D4A77
highlight
#2F315E
border
#231F38
text
#09090E
Colors in True Galactic Gossamer Dune: HEX, RGB, HSL & OKLCH
- #F4F5FC color page →
bg
#F4F5FC
- RGB
- rgb(244 245 252)
- HSL
- hsl(233 57% 97%)
- OKLCH
- oklch(0.971 0.009 279.7)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.31:1 (AAA)
- #C4CCE4 color page →
surface
#C4CCE4
- RGB
- rgb(196 204 228)
- HSL
- hsl(225 37% 83%)
- OKLCH
- oklch(0.847 0.035 271)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.10:1 (AAA)
- #A1ABD3 color page →
muted
#A1ABD3
- RGB
- rgb(161 171 211)
- HSL
- hsl(228 36% 73%)
- OKLCH
- oklch(0.747 0.059 273.9)
WCAG contrast: on white 2.26:1 (Fail) · on black 9.28:1 (AAA)
- #8187C4 color page →
primary
#8187C4
- RGB
- rgb(129 135 196)
- HSL
- hsl(235 36% 64%)
- OKLCH
- oklch(0.643 0.091 279.2)
WCAG contrast: on white 3.38:1 (Fail) · on black 6.19:1 (AA)
- #6566A0 color page →
secondary
#6566A0
- RGB
- rgb(101 102 160)
- HSL
- hsl(239 24% 51%)
- OKLCH
- oklch(0.534 0.09 282.1)
WCAG contrast: on white 5.30:1 (AA) · on black 3.96:1 (Fail)
- #4D4A77 color page →
accent
#4D4A77
- RGB
- rgb(77 74 119)
- HSL
- hsl(244 23% 38%)
- OKLCH
- oklch(0.432 0.073 285.9)
WCAG contrast: on white 8.19:1 (AAA) · on black 2.56:1 (Fail)
- #2F315E color page →
highlight
#2F315E
- RGB
- rgb(47 49 94)
- HSL
- hsl(237 33% 28%)
- OKLCH
- oklch(0.335 0.078 279.4)
WCAG contrast: on white 12.19:1 (AAA) · on black 1.72:1 (Fail)
- #231F38 color page →
border
#231F38
- RGB
- rgb(35 31 56)
- HSL
- hsl(250 29% 17%)
- OKLCH
- oklch(0.257 0.046 290.1)
WCAG contrast: on white 15.85:1 (AAA) · on black 1.32:1 (Fail)
- #09090E color page →
text
#09090E
- RGB
- rgb(9 9 14)
- HSL
- hsl(240 22% 5%)
- OKLCH
- oklch(0.142 0.011 284.9)
WCAG contrast: on white 19.86:1 (AAA) · on black 1.05:1 (Fail)
Export True Galactic Gossamer Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4f5fc;
--surface: #c4cce4;
--muted: #a1abd3;
--primary: #8187c4;
--secondary: #6566a0;
--accent: #4d4a77;
--highlight: #2f315e;
--border: #231f38;
--text: #09090e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4f5fc;
--color-surface: #c4cce4;
--color-muted: #a1abd3;
--color-primary: #8187c4;
--color-secondary: #6566a0;
--color-accent: #4d4a77;
--color-highlight: #2f315e;
--color-border: #231f38;
--color-text: #09090e;
}JSON (DTCG tokens)
{
"true-galactic-gossamer-dune-3e": {
"bg": {
"$type": "color",
"$value": "#f4f5fc"
},
"surface": {
"$type": "color",
"$value": "#c4cce4"
},
"muted": {
"$type": "color",
"$value": "#a1abd3"
},
"primary": {
"$type": "color",
"$value": "#8187c4"
},
"secondary": {
"$type": "color",
"$value": "#6566a0"
},
"accent": {
"$type": "color",
"$value": "#4d4a77"
},
"highlight": {
"$type": "color",
"$value": "#2f315e"
},
"border": {
"$type": "color",
"$value": "#231f38"
},
"text": {
"$type": "color",
"$value": "#09090e"
}
}
}About this palette
True Galactic Gossamer Dune is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #F4F5FC, #C4CCE4, #A1ABD3, #8187C4, #6566A0, #4D4A77, #2F315E, #231F38, #09090E. 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 Galactic Gossamer Dune by OKLab color distance.