Nocturne Pier color palette — #E2E8FA · #00904F · #290573 · #070024 · #000107

Built around Royal Purple, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Frost (#E2E8FA): A whisper-light, dusty violet — the color of a velvet chair.
• Fern (#00904F): A full-bodied, balanced teal — the color of glacier melt.
• Royal Purple (#290573): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#070024): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, 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

• Smoked Navy color palette (#E6EFFF, #867A00, #130083, #020029, #000108)
• Smoked Onyx color palette (#E5E4FB, #007A5D, #310044, #25101B, #06000C)
• Linen Nightshade color palette (#F5E2EE, #00AD71, #392F9A, #150F45, #080005)
• Faded Aubergine color palette (#E4E2F1, #00B073, #640071, #28002E, #040011)
• Aubergine Ridge color palette (#E9E9FE, #9A7300, #3A0059, #2D1516, #11001F)
• Timeworn Garnet color palette (#F6E9F7, #7C9A46, #6E0025, #2A0009, #040005)
• Aubergine Bloom color palette (#FDE8EE, #CB9906, #560082, #0F001B, #040001)
• Chalky Mulberry Summit color palette (#F9EDFF, #84BA5B, #8C004B, #400320, #0D0313)

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