Nocturne Pier color palette — #E4E1F4 · #831691 · #471E00 · #010B00 · #000103

A conversation between Plum and Espresso, giving this palette its sense of optimism and creativity.

The five colors

• Frost (#E4E1F4): A whisper-light, dusty violet — the color of wild irises.
• Plum (#831691): A full-bodied, vivid pink — the color of a candy shop window.
• Espresso (#471E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#010B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000103): a grounded near-black with real depth.

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

• Velvet Aubergine Atelier color palette (#FFE6EA, #63006E, #311500, #000D03, #000205)
• Mulberry Basin color palette (#EFE5F5, #9A005A, #3A2700, #1A0E14, #000A06)
• Obsidian Meadow color palette (#E1E5F7, #5E1FC5, #560019, #181A20, #0A0700)
• Plum Drift color palette (#FFE8F7, #BC3381, #7B0034, #2F0006, #040000)
• Softworn Mulberry color palette (#D9E4F7, #4B6BC9, #A1003F, #004130, #000010)
• Ancient Cocoa Ridge color palette (#EED7F0, #9B677B, #71372E, #002D07, #000201)
• Eclipse Nightshade color palette (#F2E4F0, #0123A1, #363035, #2C1A00, #000A0C)
• Nightshade Orchard color palette (#E0F0E3, #79A7D2, #234DA8, #002936, #01000A)

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