Nocturne Pier color palette — #D2E8D6 · #7B5B00 · #162B00 · #000D03 · #040103

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

The five colors

• Celadon Mist (#D2E8D6): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#7B5B00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#162B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000D03): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#040103): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Inked Chestnut Study color palette (#F5EAD8, #795A00, #273331, #0F1500, #020100)
• Bronze Ridge color palette (#CEE8D4, #967500, #4A4300, #00250F, #000300)
• Patina Summit color palette (#F7DAE4, #895200, #4C4000, #242700, #16020A)
• Ancient Olive color palette (#DEF0D2, #406F00, #41424C, #002B25, #000C09)
• Powdered Garden color palette (#E3E7CD, #757B00, #A619AB, #842C87, #121300)
• Pine Workshop color palette (#CDF8F8, #00875C, #093848, #021A1B, #000604)
• Hazy Bronze color palette (#F4DDCA, #9B8200, #616700, #0C5108, #002519)
• Amber Studio color palette (#D8EADE, #A88E00, #355450, #253129, #1D1619)

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