Nocturne Pier color palette — #DEE6C7 · #006230 · #602F00 · #002910 · #0E0300

Pine takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#DEE6C7): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#006230): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#602F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002910): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0E0300): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Garnet Loft color palette (#ECE8CA, #475A00, #7A0011, #1B2400, #140001)
• Deep Basalt color palette (#D7E6D9, #005D62, #454000, #002628, #070600)
• Obsidian Garnet color palette (#E5EFD1, #005C34, #690056, #002612, #040002)
• Eclipse Abyss Dune color palette (#E0F6EC, #004C35, #00394F, #2A2400, #000201)
• Mulberry Chapel color palette (#CAE7E6, #007E49, #990077, #004425, #11000B)
• Faded Nightshade Parlor color palette (#E2F5DA, #005F53, #2E00B1, #002721, #030022)
• Worn Teal Bloom color palette (#DAF8ED, #00A69C, #007680, #004228, #00120E)
• Antique Aubergine color palette (#D5E8DD, #006983, #78008A, #003240, #1E0024)

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