Nocturne Pier color palette — #D6E4D3 · #006C40 · #004A38 · #00221E · #000707
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D6E4D3): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#006C40): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004A38): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000707): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Abyss Alley color palette (#C7E6DD, #005F59, #00393B, #00161A, #000204)
- Patina Mulberry color palette (#DEEFEA, #006B59, #850052, #003229, #090003)
- Hushed Lagoon color palette (#E2F3E6, #009D74, #007266, #004443, #001F23)
- Tempered Turquoise color palette (#D1E9EE, #00A9BF, #2182B6, #005133, #000A0B)
- Weathered Alley color palette (#F4EDD0, #6A6400, #354100, #0C2500, #000801)
- Aubergine Boulevard color palette (#C7EEE7, #00564D, #54008D, #462500, #000201)
- Softworn Cerulean Courtyard color palette (#C4E8E9, #0099AD, #00627E, #003955, #001931)
- Washed Garden color palette (#F4E4D6, #AB00C7, #006E7D, #070D12, #000102)
Browse the whole catalog at Explore, or see today's palette.