Nocturne Harbor color palette — #D6E7E3 · #316400 · #3D3C44 · #001F20 · #000C09
A conversation between Olive and Ink, giving this palette its sense of nature and growth.
The five colors
- Parchment (#D6E7E3): a clean, paper-quiet neutral.
- Olive (#316400): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal (#3D3C44): quiet, heavy and certain.
- Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Nocturne Harbor 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
- Pine Cabin color palette (#CCF2ED, #007823, #002C2F, #001816, #000506)
- Ancient Moss Villa color palette (#E4E5C7, #54A200, #296045, #303029, #060400)
- Midnight Abyss Thicket color palette (#D1E8E2, #474249, #00443A, #15171E, #000B0C)
- Twilit Chestnut Villa color palette (#D0E6D5, #6B5100, #002016, #000D03, #080101)
- Lagoon Corridor color palette (#E5F5FB, #068E95, #303F48, #1C2B30, #10161A)
- Fern Delta color palette (#D7EADC, #90904A, #465E1C, #4D3B00, #2B2B00)
- Patina Grape Veranda color palette (#D8F0F3, #007D6A, #6B40B2, #753C00, #00261F)
- Wandering Petrol color palette (#E9F1EA, #8EB8D1, #256E9D, #004F53, #092D59)
Browse the whole catalog at Explore, or see today's palette.