Nocturne Pier color palette — #D4E3FD · #4245BB · #39008D · #260045 · #0E0014

Indigo and Cobalt set the tone — five colors that lean into creativity and depth.

The five colors

• Frost (#D4E3FD): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cobalt (#4245BB): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#39008D): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#260045): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0E0014): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Depth, Luxury. Tagged dark.

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

• Dusty Coast color palette (#E2E9F6, #6360F9, #5900CF, #430072, #1F0029)
• Nightshade Lantern color palette (#D6E6F2, #587AF1, #4500C5, #390052, #040003)
• Muted Grape color palette (#F6DCE8, #6838B5, #415100, #35006B, #020300)
• Ancient Balcony color palette (#F7D5E1, #BC8DBF, #C1537E, #322B97, #130019)
• Deep Onyx Villa color palette (#C3E6F8, #00629F, #00397B, #080056, #030014)
• Aubergine Courtyard color palette (#F7E9FF, #854DAD, #570078, #1F002D, #030005)
• Aubergine Quarry color palette (#E1DBEB, #6300A4, #5C3200, #003731, #020006)
• Feathered Mulberry color palette (#ECD8F3, #B965AE, #950070, #5C0030, #30000F)

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