Nocturne Pier color palette — #EFDCE4 · #00723A · #1A003D · #170701 · #03000E

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

The five colors

• Shell Pink (#EFDCE4): A whisper-light, dusty rose — the color of a warm blush.
• Pine (#00723A): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#1A003D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#170701): A deep, shadowed, dusty gold — the color of old brass.
• Black (#03000E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication, 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

• Twilit Meadow color palette (#F2D7EA, #626300, #0A004A, #0E0103, #010013)
• Inked Olive color palette (#FDDDD7, #557A00, #3C0019, #1A1505, #0F0003)
• Ancient Aubergine color palette (#E1E4F4, #19A058, #5801B0, #1B003F, #01010B)
• Gentle Aubergine Loft color palette (#F1D6DD, #3CA276, #4A1D60, #230431, #18040A)
• Aubergine Parlor color palette (#F1DAE0, #936E00, #43005C, #0D0015, #040100)
• Wandering Onyx color palette (#F9ECED, #A69690, #986331, #4F003E, #130506)
• Twilit Station color palette (#FDE3EB, #520077, #003415, #001807, #040008)
• Velvet Grape color palette (#EAD9E0, #6C3BA8, #312800, #28004C, #020200)

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