Eclipse Nightshade color palette — #DFE6F8 · #4867D8 · #1C00A4 · #04003B · #00000B

Indigo and Royal Blue set the tone — five colors that lean into creativity and calm.

The five colors

• Frost (#DFE6F8): A whisper-light, dusty violet — the color of wild irises.
• Royal Blue (#4867D8): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#1C00A4): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#04003B): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Nocturne Aubergine color palette (#DCDAFB, #6F54D0, #430097, #130037, #010008)
• Nocturne Cobalt Station color palette (#D6E3F2, #006EC6, #003974, #00112A, #000104)
• Gentle Study color palette (#D7DFF9, #5177FF, #303BCC, #16007C, #01000F)
• Violet Bloom color palette (#E8EEFF, #8D8FD5, #8E60D1, #003A80, #050223)
• Airy Lapis color palette (#E2E5FF, #9392FF, #5209ED, #250082, #08002B)
• Lowlit Station color palette (#F0E0F6, #9634B4, #5A0070, #1B0024, #030004)
• Patina Iris color palette (#EEF1FF, #CDC1F6, #8E7FC3, #4B3F70, #191D38)
• Washed Station color palette (#C9E4EE, #C40079, #8200D5, #180214, #010009)

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