Nightshade Pier color palette — #DFE5F5 · #1D00A6 · #2E2C00 · #151300 · #010010

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

The five colors

• Frost (#DFE5F5): A whisper-light, dusty violet — the color of wild irises.
• Indigo (#1D00A6): A deep, shadowed, vivid violet — the color of a velvet chair.
• Espresso (#2E2C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#151300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010010): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Midnight Aubergine color palette (#FFE7F5, #2D0088, #0F2000, #040D00, #010205)
• Navy Archive color palette (#F8E3F9, #00366E, #372700, #1A1100, #050005)
• Smoked Canyon color palette (#E5ECF9, #221297, #51002A, #001615, #01000B)
• Timeworn Nightshade Station color palette (#F8E9F3, #4031C5, #7E0D43, #00302F, #01000E)
• Moonless Aubergine Drift color palette (#FFE7EB, #5A0067, #003414, #001806, #040006)
• Velvet Ultramarine color palette (#EADBE8, #1848D1, #52000E, #000662, #050100)
• Tempered Aubergine Harbor color palette (#FEE9EF, #7700A5, #005129, #003217, #1F010D)
• Dusty Coast color palette (#F0E6EA, #AD9294, #846962, #311C54, #10060A)

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