Nocturne Nightshade color palette — #DFE9FF · #3D2FB6 · #593000 · #101D00 · #01000A

Indigo and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DFE9FF): A whisper-light, dusty violet — the color of wild irises.
• Indigo (#3D2FB6): A full-bodied, vivid violet — the color of a velvet chair.
• Cocoa (#593000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#101D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Depth. 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

• Cellar Nightshade color palette (#EED6E5, #2D009E, #3C2400, #0C1600, #01000E)
• Aubergine Loft color palette (#DFDFF0, #692690, #433D00, #001E13, #020005)
• Garnet Canyon color palette (#DDE9F4, #005184, #6A1E00, #1E1800, #000104)
• Eclipse Grape Terrace color palette (#DCE7DE, #8241A2, #5E0037, #0A0F00, #030003)
• Dusty Corridor color palette (#D8E5FB, #354EFF, #964900, #005340, #000010)
• Tempered Aubergine Drift color palette (#E5E9F5, #7369D1, #70003C, #2B0078, #040001)
• Softworn Byzantium Coast color palette (#EEEBFF, #9C4CA9, #5D6600, #004332, #030004)
• Quiet Mulberry color palette (#E8DCF6, #9D2877, #345900, #002F2C, #040002)

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