Nocturne Coast color palette — #E5F2D2 · #007140 · #00382C · #001C1E · #020612
Pine and Deep Forest set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E5F2D2): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#007140): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#00382C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001C1E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#020612): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Nocturne Coast 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
- Cypress Corridor color palette (#E0F2F3, #006F77, #48424A, #003133, #000D0E)
- Nocturne Fern color palette (#FAE6C9, #575800, #243800, #001C08, #000709)
- Velvet Corridor color palette (#D2EFED, #005E5C, #730046, #002626, #120007)
- Raspberry Pier color palette (#DCE5CF, #E22A94, #206500, #010F0A, #000202)
- Shadow Garnet color palette (#D5E7E3, #004A40, #660013, #361500, #000202)
- Lapis Hollow color palette (#D5EAEC, #1BA5BE, #605BAF, #1B3500, #001218)
- Soft Navy color palette (#C8F3F1, #007B93, #004068, #040065, #150034)
- Airy Lagoon color palette (#DFF1E2, #00A585, #00656C, #00445A, #202450)
Browse the whole catalog at Explore, or see today's palette.