Nocturne Pier color palette — #E0E4C9 · #1C6D25 · #520046 · #002704 · #040003
Royal Purple takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#E0E4C9): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#1C6D25): A full-bodied, balanced green — the color of new leaves after rain.
- Royal Purple (#520046): A deep, shadowed, balanced pink — the color of a candy shop window.
- Deep Forest (#002704): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#040003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged dark.
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
- Nocturne Aubergine Studio color palette (#E3E0C2, #3F5500, #5F0071, #182300, #030004)
- Garnet Garden color palette (#D7E4CF, #005A49, #72002A, #00251D, #040001)
- Aged Aubergine Courtyard color palette (#CBF8F4, #1F8F46, #780077, #003514, #030003)
- Lowlit Garnet color palette (#D5E2D8, #004921, #5A0043, #3F0010, #000200)
- Forest Garden color palette (#E4EDD1, #006235, #003F73, #002813, #000612)
- Fern Harbor color palette (#FAE5CD, #5C5300, #3B2400, #200500, #010200)
- Mulberry Thicket color palette (#F4E7DA, #9D0094, #3C5E00, #040D08, #010100)
- Quiet Summit color palette (#DEF0D3, #00A98E, #B95969, #006453, #370713)
Browse the whole catalog at Explore, or see today's palette.