Nocturne Pier color palette — #F9E6EB · #007E1F · #320041 · #170C03 · #07000B

Built around Olive, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F9E6EB): A whisper-light, dusty rose — the color of a warm blush.
• Olive (#007E1F): A full-bodied, vivid green — the color of a quiet forest floor.
• Deep Indigo (#320041): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#170C03): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#07000B): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Deep Ridge color palette (#F1E3EB, #007A5B, #1E005B, #130502, #030013)
• Deep Fern Archive color palette (#F6D6D2, #4B6200, #2C0014, #120601, #040001)
• Faded Aubergine color palette (#F3ECFF, #7A8E1A, #600A53, #21001B, #03000A)
• Bronze Canyon color palette (#F9E7D8, #8B7800, #431F00, #1E2620, #110400)
• Pale Field color palette (#FFE4D8, #929400, #6F0308, #2B0001, #050100)
• Cellar Bronze Market color palette (#F7DAD6, #A75000, #3B001D, #1A1404, #0F0004)
• Worn Garnet color palette (#EBDEDA, #AE9C8E, #987632, #6A0021, #0E0100)
• Washed Delta color palette (#F8F0E8, #CCB15F, #714C1D, #35230D, #110B05)

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