Nocturne Pier color palette — #D7DDFD · #305FD8 · #2400B1 · #0C003A · #00000B

Built around Indigo, softened by Royal Blue — the whole palette hums with creativity and calm.

The five colors

• Thistle (#D7DDFD): A whisper-light, dusty violet — the color of twilight just after sunset.
• Royal Blue (#305FD8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#2400B1): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#0C003A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Shadow Aubergine color palette (#E2E4F7, #7D53D0, #390096, #1A0038, #010009)
• Smoked Cobalt Cabin color palette (#DCEDFF, #0074C4, #003077, #001127, #000105)
• Ultramarine Workshop color palette (#D7DFFF, #708DFF, #2418DE, #0D0056, #00000B)
• Washed Pier color palette (#DDDDFF, #8785FF, #6400E6, #28007C, #080022)
• Ultramarine Lantern color palette (#DEEBE1, #527D00, #005BC5, #140917, #030003)
• Wandering Lapis Garden color palette (#F4E6EE, #654DCB, #4E2E00, #2C0074, #020100)
• Eclipse Aubergine color palette (#FDE4F0, #4E00A9, #453300, #002122, #020008)
• Eclipse Byzantium Station color palette (#F1DEF0, #973BBB, #600071, #1D0023, #030004)

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