Midnight Nightshade color palette — #DBE6FF · #3700BC · #502C00 · #142100 · #01000A

Built around Indigo, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Frost (#DBE6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Indigo (#3700BC): A deep, shadowed, vivid violet — the color of wild irises.
• Espresso (#502C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#142100): 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 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

• Cellar Aubergine color palette (#D7DEF7, #470095, #362000, #011601, #000103)
• Linen Lapis Corridor color palette (#E4ECFF, #5810F7, #5D4C00, #312700, #010009)
• Velvet Garnet color palette (#DBEAF9, #004775, #631700, #231C00, #000104)
• Cellar Summit color palette (#F0E3F0, #6F0075, #363A00, #002319, #030004)
• Chalky Grape Lantern color palette (#EEDDE3, #7932BD, #9E0019, #532900, #080015)
• Lowlit Grape Balcony color palette (#F2E7D1, #7E00A9, #580034, #101700, #050005)
• Powdered Amethyst color palette (#E5EBFF, #7226FB, #7A5200, #1C4700, #0B0423)
• Amethyst Station color palette (#D7DEF4, #6628F9, #620049, #2A0075, #020006)

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