Palette · 6 colors · Lc 9.7
Midnight Aubergine Beacon palette
Midnight Aubergine Beacon: a 6-color palette (Trending, Red, Warm, Pink). HEX, RGB, HSL and OKLCH for #FFEFFF, #C69BD6, #A966A5, #8B3A72, #4D1E36, #140C14, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEFFF
surface
#C69BD6
muted
#A966A5
primary
#8B3A72
accent
#4D1E36
text
#140C14
Colors in Midnight Aubergine Beacon: HEX, RGB, HSL & OKLCH
- #FFEFFF color page →
bg
#FFEFFF
- RGB
- rgb(255 239 255)
- HSL
- hsl(300 100% 97%)
- OKLCH
- oklch(0.969 0.027 325.8)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.04:1 (AAA)
- #C69BD6 color page →
surface
#C69BD6
- RGB
- rgb(198 155 214)
- HSL
- hsl(284 42% 72%)
- OKLCH
- oklch(0.749 0.095 316.7)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.06:1 (AAA)
- #A966A5 color page →
muted
#A966A5
- RGB
- rgb(169 102 165)
- HSL
- hsl(304 28% 53%)
- OKLCH
- oklch(0.606 0.12 329.1)
WCAG contrast: on white 4.09:1 (Fail) · on black 5.13:1 (AA)
- #8B3A72 color page →
primary
#8B3A72
- RGB
- rgb(139 58 114)
- HSL
- hsl(319 41% 39%)
- OKLCH
- oklch(0.477 0.13 341.1)
WCAG contrast: on white 7.12:1 (AAA) · on black 2.94:1 (Fail)
- #4D1E36 color page →
accent
#4D1E36
- RGB
- rgb(77 30 54)
- HSL
- hsl(329 44% 21%)
- OKLCH
- oklch(0.313 0.078 350.7)
WCAG contrast: on white 13.50:1 (AAA) · on black 1.55:1 (Fail)
- #140C14 color page →
text
#140C14
- RGB
- rgb(20 12 20)
- HSL
- hsl(300 25% 6%)
- OKLCH
- oklch(0.169 0.021 326.4)
WCAG contrast: on white 19.22:1 (AAA) · on black 1.09:1 (Fail)
Export Midnight Aubergine Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffefff;
--surface: #c69bd6;
--muted: #a966a5;
--primary: #8b3a72;
--accent: #4d1e36;
--text: #140c14;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffefff;
--color-surface: #c69bd6;
--color-muted: #a966a5;
--color-primary: #8b3a72;
--color-accent: #4d1e36;
--color-text: #140c14;
}JSON (DTCG tokens)
{
"midnight-aubergine-beacon-4cs": {
"bg": {
"$type": "color",
"$value": "#ffefff"
},
"surface": {
"$type": "color",
"$value": "#c69bd6"
},
"muted": {
"$type": "color",
"$value": "#a966a5"
},
"primary": {
"$type": "color",
"$value": "#8b3a72"
},
"accent": {
"$type": "color",
"$value": "#4d1e36"
},
"text": {
"$type": "color",
"$value": "#140c14"
}
}
}About this palette
Midnight Aubergine Beacon is a 6-color OKLCH-ready palette tagged trending, red, warm, pink, 6 colors. Hex values: #FFEFFF, #C69BD6, #A966A5, #8B3A72, #4D1E36, #140C14. 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 Midnight Aubergine Beacon by OKLab color distance.