Nocturne Grape color palette — #F2E7FB · #8500B8 · #36003A · #0F0019 · #010007

Plum takes the lead with Deep Indigo close behind in a set that reads as creativity and energy at first glance.

The five colors

• Blush (#F2E7FB): A whisper-light, dusty violet — the color of wild irises.
• Plum (#8500B8): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#36003A): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#0F0019): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#010007): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

Use it as a design system

One click turns Nocturne Grape into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Inked Grape color palette (#E1DCF8, #6B00DB, #290D3F, #2B161C, #04041C)
• Quiet Coast color palette (#E4E5FF, #A613F3, #56243A, #240F34, #020714)
• Shadow Mulberry Garden color palette (#EDE0FC, #9F0077, #342517, #3D011F, #0D0217)
• Aged Plum Villa color palette (#FFE8EE, #CD006C, #8F5500, #5C2EAC, #22000D)
• Magenta Lantern color palette (#F3E3F6, #D500D7, #990084, #630049, #34001F)
• Patina Bloom color palette (#EEEBFB, #A667AF, #3E3849, #1E1D25, #0C0C11)
• Deep Ultramarine color palette (#E7EEFC, #003DE8, #161646, #20151B, #00061B)
• Magenta Atelier color palette (#EFE4FF, #E300BA, #0078BA, #85006B, #00182A)

Browse the whole catalog at Explore, or see today's palette.