Palette · 9 colors · Lc 9.1
Pure Twinkle Night Pulse palette
Pure Twinkle Night Pulse: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #E7EDFE, #C9D0ED, #A6B3DC, #8386B7, #676DA2, #4C507F, #37375E, #201E32, #05040C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#E7EDFE
surface
#C9D0ED
muted
#A6B3DC
primary
#8386B7
secondary
#676DA2
accent
#4C507F
highlight
#37375E
border
#201E32
text
#05040C
Colors in Pure Twinkle Night Pulse: HEX, RGB, HSL & OKLCH
- #E7EDFE color page →
bg
#E7EDFE
- RGB
- rgb(231 237 254)
- HSL
- hsl(224 92% 95%)
- OKLCH
- oklch(0.947 0.024 270.3)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.94:1 (AAA)
- #C9D0ED color page →
surface
#C9D0ED
- RGB
- rgb(201 208 237)
- HSL
- hsl(228 50% 86%)
- OKLCH
- oklch(0.861 0.041 274.8)
WCAG contrast: on white 1.52:1 (Fail) · on black 13.72:1 (AAA)
- #A6B3DC color page →
muted
#A6B3DC
- RGB
- rgb(166 179 220)
- HSL
- hsl(226 44% 76%)
- OKLCH
- oklch(0.771 0.061 271.2)
WCAG contrast: on white 2.07:1 (Fail) · on black 10.10:1 (AAA)
- #8386B7 color page →
primary
#8386B7
- RGB
- rgb(131 134 183)
- HSL
- hsl(237 27% 62%)
- OKLCH
- oklch(0.636 0.073 281.4)
WCAG contrast: on white 3.46:1 (Fail) · on black 6.05:1 (AA)
- #676DA2 color page →
secondary
#676DA2
- RGB
- rgb(103 109 162)
- HSL
- hsl(234 24% 52%)
- OKLCH
- oklch(0.552 0.083 278.4)
WCAG contrast: on white 4.89:1 (AA) · on black 4.28:1 (Fail)
- #4C507F color page →
accent
#4C507F
- RGB
- rgb(76 80 127)
- HSL
- hsl(235 25% 40%)
- OKLCH
- oklch(0.449 0.077 279.1)
WCAG contrast: on white 7.60:1 (AAA) · on black 2.76:1 (Fail)
- #37375E color page →
highlight
#37375E
- RGB
- rgb(55 55 94)
- HSL
- hsl(240 26% 29%)
- OKLCH
- oklch(0.356 0.067 282.5)
WCAG contrast: on white 11.22:1 (AAA) · on black 1.87:1 (Fail)
- #201E32 color page →
border
#201E32
- RGB
- rgb(32 30 50)
- HSL
- hsl(246 25% 16%)
- OKLCH
- oklch(0.247 0.038 287.9)
WCAG contrast: on white 16.23:1 (AAA) · on black 1.29:1 (Fail)
- #05040C color page →
text
#05040C
- RGB
- rgb(5 4 12)
- HSL
- hsl(248 50% 3%)
- OKLCH
- oklch(0.115 0.022 290.2)
WCAG contrast: on white 20.40:1 (AAA) · on black 1.02:1 (Fail)
Export Pure Twinkle Night Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7edfe;
--surface: #c9d0ed;
--muted: #a6b3dc;
--primary: #8386b7;
--secondary: #676da2;
--accent: #4c507f;
--highlight: #37375e;
--border: #201e32;
--text: #05040c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7edfe;
--color-surface: #c9d0ed;
--color-muted: #a6b3dc;
--color-primary: #8386b7;
--color-secondary: #676da2;
--color-accent: #4c507f;
--color-highlight: #37375e;
--color-border: #201e32;
--color-text: #05040c;
}JSON (DTCG tokens)
{
"pure-twinkle-night-pulse-7nc": {
"bg": {
"$type": "color",
"$value": "#e7edfe"
},
"surface": {
"$type": "color",
"$value": "#c9d0ed"
},
"muted": {
"$type": "color",
"$value": "#a6b3dc"
},
"primary": {
"$type": "color",
"$value": "#8386b7"
},
"secondary": {
"$type": "color",
"$value": "#676da2"
},
"accent": {
"$type": "color",
"$value": "#4c507f"
},
"highlight": {
"$type": "color",
"$value": "#37375e"
},
"border": {
"$type": "color",
"$value": "#201e32"
},
"text": {
"$type": "color",
"$value": "#05040c"
}
}
}About this palette
Pure Twinkle Night Pulse is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #E7EDFE, #C9D0ED, #A6B3DC, #8386B7, #676DA2, #4C507F, #37375E, #201E32, #05040C. APCA contrast score Lc 9.1. 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 Twinkle Night Pulse by OKLab color distance.