Nocturne Nightshade color palette — #DDE3F9 · #5000C5 · #3D0066 · #21002F · #040005

Built around Indigo, softened by Royal Purple — the whole palette hums with creativity and energy.

The five colors

• Frost (#DDE3F9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Indigo (#5000C5): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#3D0066): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#21002F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040005): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Nocturne 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

• Aubergine Drift color palette (#E1E0EE, #7849D2, #5B009E, #3F0061, #17001F)
• Nocturne Aubergine Canyon color palette (#E5E5FF, #6C00A2, #314300, #2E0048, #010100)
• Shadow Lapis color palette (#DCEBFD, #4E48FD, #560086, #27002B, #040002)
• Byzantium Lagoon color palette (#F9EAFA, #92009F, #480055, #150019, #030004)
• Navy Quarry color palette (#E2EFFB, #004B90, #0F0089, #110043, #02000A)
• Shadow Lagoon color palette (#F4DFFD, #5B0077, #442B00, #002929, #030005)
• Dusty Harbor color palette (#ECE7FF, #A958DB, #8A1F96, #5E0951, #2D001A)
• Quiet Coast color palette (#DEDCF7, #BE71A3, #AE3D52, #2E1C57, #060005)

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