Nocturne Olive Harbor color palette — #D4E6DB · #4F7600 · #004222 · #002426 · #020300

Olive and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#D4E6DB): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#4F7600): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004222): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Onyx (#002426): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

Use it as a design system

One click turns Nocturne Olive 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

• Timeworn Bronze color palette (#FFE7EF, #796700, #2E3C00, #00251A, #040300)
• Lowlit Forest color palette (#D1E5E0, #066947, #00312E, #001623, #000201)
• Tempered Emerald Bloom color palette (#E3E3CB, #5DA157, #005E2D, #003427, #000200)
• Wandering Olive color palette (#D2E6DB, #5D863F, #005132, #361A4B, #030A00)
• Frosted Thicket color palette (#D2ECE0, #61A951, #006C4E, #004652, #031C00)
• Fern Courtyard color palette (#E2F0E3, #90925A, #2D6400, #343163, #00170E)
• Weathered Parlor color palette (#E8F7E7, #B6AA52, #557800, #404876, #002817)
• Hushed Lagoon color palette (#DBEAFF, #0054BC, #4F4C00, #00265D, #030300)

Browse the whole catalog at Explore, or see today's palette.