Palette · 7 colors · Lc 9.7
Pure Twinkle Night Drift palette
Pure Twinkle Night Drift: a 7-color palette (Pink, Gray, 7 Colors). HEX, RGB, HSL and OKLCH for #FEECF7, #AC8EA3, #686E9D, #3E684E, #4B3932, #2B1C24, #110C0F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FEECF7
surface
#AC8EA3
muted
#686E9D
primary
#3E684E
secondary
#4B3932
accent
#2B1C24
text
#110C0F
Colors in Pure Twinkle Night Drift: HEX, RGB, HSL & OKLCH
- #FEECF7 color page →
bg
#FEECF7
- RGB
- rgb(254 236 247)
- HSL
- hsl(323 90% 96%)
- OKLCH
- oklch(0.96 0.024 340.3)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.55:1 (AAA)
- #AC8EA3 color page →
surface
#AC8EA3
- RGB
- rgb(172 142 163)
- HSL
- hsl(318 15% 62%)
- OKLCH
- oklch(0.681 0.046 337.1)
WCAG contrast: on white 2.93:1 (Fail) · on black 7.15:1 (AAA)
- #686E9D color page →
muted
#686E9D
- RGB
- rgb(104 110 157)
- HSL
- hsl(233 21% 51%)
- OKLCH
- oklch(0.552 0.073 278.1)
WCAG contrast: on white 4.87:1 (AA) · on black 4.30:1 (Fail)
- #3E684E color page →
primary
#3E684E
- RGB
- rgb(62 104 78)
- HSL
- hsl(143 25% 33%)
- OKLCH
- oklch(0.478 0.063 155.9)
WCAG contrast: on white 6.37:1 (AA) · on black 3.29:1 (Fail)
- #4B3932 color page →
secondary
#4B3932
- RGB
- rgb(75 57 50)
- HSL
- hsl(17 20% 25%)
- OKLCH
- oklch(0.362 0.028 42.3)
WCAG contrast: on white 10.87:1 (AAA) · on black 1.93:1 (Fail)
- #2B1C24 color page →
accent
#2B1C24
- RGB
- rgb(43 28 36)
- HSL
- hsl(328 21% 14%)
- OKLCH
- oklch(0.249 0.027 346)
WCAG contrast: on white 16.22:1 (AAA) · on black 1.29:1 (Fail)
- #110C0F color page →
text
#110C0F
- RGB
- rgb(17 12 15)
- HSL
- hsl(324 17% 6%)
- OKLCH
- oklch(0.162 0.01 341.6)
WCAG contrast: on white 19.38:1 (AAA) · on black 1.08:1 (Fail)
Export Pure Twinkle Night Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #feecf7;
--surface: #ac8ea3;
--muted: #686e9d;
--primary: #3e684e;
--secondary: #4b3932;
--accent: #2b1c24;
--text: #110c0f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #feecf7;
--color-surface: #ac8ea3;
--color-muted: #686e9d;
--color-primary: #3e684e;
--color-secondary: #4b3932;
--color-accent: #2b1c24;
--color-text: #110c0f;
}JSON (DTCG tokens)
{
"pure-twinkle-night-drift-9s": {
"bg": {
"$type": "color",
"$value": "#feecf7"
},
"surface": {
"$type": "color",
"$value": "#ac8ea3"
},
"muted": {
"$type": "color",
"$value": "#686e9d"
},
"primary": {
"$type": "color",
"$value": "#3e684e"
},
"secondary": {
"$type": "color",
"$value": "#4b3932"
},
"accent": {
"$type": "color",
"$value": "#2b1c24"
},
"text": {
"$type": "color",
"$value": "#110c0f"
}
}
}About this palette
Pure Twinkle Night Drift is a 7-color OKLCH-ready palette tagged pink, gray, 7 colors. Hex values: #FEECF7, #AC8EA3, #686E9D, #3E684E, #4B3932, #2B1C24, #110C0F. APCA contrast score Lc 9.7. 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 Drift by OKLab color distance.