Nocturne Pier color palette — #F3D7DA · #890086 · #004E5C · #002A4C · #050005

Built around Plum, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F3D7DA): A whisper-light, dusty red — the color of late-summer berries.
• Plum (#890086): A full-bodied, vivid pink — the color of a candy shop window.
• Deep Teal (#004E5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002A4C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Garnet Corridor color palette (#FCE7E0, #940023, #004644, #001D1C, #040000)
• Aged Mulberry color palette (#FDE6E3, #95005B, #5E3E00, #2C2B00, #060002)
• Feathered Plum Cabin color palette (#E9D7E9, #CA0040, #007351, #004D68, #070001)
• Aubergine Atelier color palette (#E6F1D8, #00734E, #005591, #2C1889, #000603)
• Washed Fern color palette (#E9E5C8, #4D5A00, #004F53, #002D40, #010200)
• Ancient Olive Lagoon color palette (#EFE3C4, #7D7000, #007068, #004B58, #100E00)
• Dusty Chestnut Grove color palette (#EFDCBD, #8C5400, #4D3A00, #002716, #060300)
• Lucid Pier color palette (#FFDCD0, #F4184F, #2867FC, #6B1FC2, #3C0A12)

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