Nocturne Pier color palette — #DAE3F5 · #3543C4 · #390065 · #0E0064 · #010009

Cobalt takes the lead with Deep Indigo close behind in a set that reads as creativity and energy at first glance.

The five colors

• Frost (#DAE3F5): A whisper-light, dusty violet — the color of a velvet chair.
• Cobalt (#3543C4): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#390065): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#0E0064): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Energy, Depth, Luxury. Tagged duotone, 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

• Charred Cabin color palette (#E2EEF9, #005E8E, #190080, #002136, #00000A)
• Inked Grape color palette (#EEEEFB, #7628A8, #50002E, #2E0048, #030005)
• Smoked Denim color palette (#EADEEC, #005CA4, #4D0030, #001E3B, #070000)
• Weathered Aubergine Summit color palette (#E5E8F1, #8A8C9B, #686787, #2C0471, #000107)
• Indigo Alley color palette (#F8E3F2, #5261EA, #610096, #23159A, #060002)
• Cobalt Veranda color palette (#D7E4F0, #0080CA, #720031, #002D4D, #030004)
• Faded Mulberry color palette (#E2E4EF, #9777DD, #8F0083, #551A9D, #03000A)
• Orchid Lantern color palette (#E2E0ED, #A151B6, #7F003B, #560068, #030004)

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