Nocturne Pier color palette — #DFDDF1 · #6C5AD6 · #3900A4 · #0F0038 · #010008

Indigo and Cornflower Indigo set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#DFDDF1): A whisper-light, dusty violet — the color of a velvet chair.
• Cornflower Indigo (#6C5AD6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#3900A4): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#0F0038): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#010008): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Twilit Aubergine Dune color palette (#E4DCF0, #7D51BD, #570080, #14002D, #020007)
• Wandering Nightshade Lantern color palette (#DEDEFF, #897AF6, #4F2CBC, #140041, #010009)
• Worn Pier color palette (#EAE7FF, #A878FB, #7024D8, #380066, #0C001D)
• Tempered Boulevard color palette (#E1EEFD, #0075C7, #003D70, #001125, #000105)
• Shadow Mulberry Ridge color palette (#EFDDF4, #883890, #44005B, #1B0809, #0D0015)
• Tempered Grape Cabin color palette (#DDEADA, #747300, #7000C5, #1D060D, #040001)
• Patina Byzantium color palette (#FBE9ED, #8B43A4, #5E1F00, #430055, #030000)
• Quiet Plum Loft color palette (#FFEAFD, #DD8FDC, #A53E96, #580060, #23001F)

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