Nocturne Pier color palette — #F9E6EC · #4E0075 · #20241C · #3D0005 · #00070C

A conversation between Royal Purple and Espresso, giving this palette its sense of creativity and sophistication.

The five colors

• Blush (#F9E6EC): A whisper-light, dusty rose — the color of strawberry cream.
• Royal Purple (#4E0075): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Onyx (#20241C): a grounded near-black with real depth.
• Espresso (#3D0005): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#00070C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

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

• Cellar Aubergine color palette (#FFE0E2, #343E38, #530048, #2D1000, #000513)
• Aubergine Archive color palette (#FCDFEA, #58008C, #1B2500, #060B00, #000102)
• Midnight Studio color palette (#EFD9EC, #0502A1, #211C22, #36002B, #000907)
• Mulberry Coast color palette (#FEE6DA, #7C0062, #46001E, #120800, #040002)
• Peony Lagoon color palette (#FFEDED, #BD5BA1, #006C86, #1E3A6B, #1F0B12)
• Amber Corridor color palette (#FEEEE5, #C66D44, #627429, #5D3E63, #281916)
• Soft Brick Orchard color palette (#FFE7DE, #BB002D, #544500, #37006B, #14000A)
• Navy Coast color palette (#EDD9EC, #002968, #032602, #000D0B, #000102)

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