Midnight Nightshade color palette — #E3EAF9 · #3531C4 · #2D007B · #17002E · #040008

Indigo and Royal Purple set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#E3EAF9): A whisper-light, dusty violet — the color of a velvet chair.
• Indigo (#3531C4): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#2D007B): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#17002E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#040008): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Midnight Nightshade 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

• Pale Lapis Study color palette (#D8E6FF, #4849FF, #4C00B7, #34005F, #100019)
• Obsidian Nightshade Quarry color palette (#C8E4FE, #0049A1, #0F0099, #0D0032, #020007)
• Aubergine Hollow color palette (#E0E5FF, #5824A6, #3F3E00, #260053, #010100)
• Lowlit Grape color palette (#E8E0EE, #77369D, #3D0061, #26120B, #0F0018)
• Charred Courtyard color palette (#CEEDFE, #005A89, #00285A, #050045, #01000C)
• Charred Aubergine color palette (#F3ECFF, #500089, #4A2700, #002A24, #020006)
• Plum Harbor color palette (#E2E4FA, #AC75A8, #A73E67, #1E1D70, #030006)
• Powdered Grape color palette (#DFDFF2, #926AE1, #7A00AA, #580064, #270022)

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