Nocturne Pier color palette — #F9DCE1 · #007D3E · #35003A · #180D03 · #070009

Olive and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F9DCE1): A whisper-light, dusty red — the color of embers at dusk.
• Olive (#007D3E): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#35003A): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#180D03): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#070009): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Olive Dune color palette (#FEEAF5, #477700, #1F005A, #130502, #030013)
• Olive Basin color palette (#F5E1D9, #617000, #400008, #161509, #0B0000)
• Hazy Chapel color palette (#E6E4FC, #009F2E, #541367, #1D0026, #02000B)
• Garnet Quarry color palette (#FEECE3, #8D9536, #6F0500, #2A0100, #050100)
• Obsidian Balcony color palette (#E9E0F1, #B28600, #510037, #1C080B, #040002)
• Dusty Garnet Atelier color palette (#F0E6E3, #AB9D92, #987532, #690022, #0E0100)
• Timeworn Chestnut Corridor color palette (#F9F0E7, #C4B27C, #764A00, #392100, #130A02)
• Shadow Atelier color palette (#FDDDE5, #690083, #174100, #060061, #040001)

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