Nocturne Pier color palette — #F0EED9 · #4B5E00 · #003E24 · #240046 · #020100
Deep Indigo and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F0EED9): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#4B5E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#003E24): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#240046): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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
- Deep Onyx color palette (#FBEBCF, #624C00, #374000, #0D0059, #020100)
- Soft Bronze color palette (#FAE7DE, #A16800, #00521C, #310036, #010100)
- Onyx Station color palette (#E3F1D7, #00614B, #00363D, #340024, #000200)
- Moonless Onyx Corridor color palette (#ECE3D6, #523800, #002D3E, #170034, #050000)
- Muted Fern color palette (#E5E4D5, #5A5861, #415600, #111D1B, #000805)
- Amber Station color palette (#F0DED5, #B58200, #475F00, #002616, #000202)
- Chestnut Market color palette (#F4EDE1, #D1D1C2, #9BAD88, #5E4B00, #040200)
- Moss Terrace color palette (#F5F8DC, #31A401, #007243, #5B0093, #040400)
Browse the whole catalog at Explore, or see today's palette.