Nocturne Harbor color palette — #D0EDE3 · #447818 · #02430B · #002616 · #010400

Built around Olive, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D0EDE3): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#447818): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#02430B): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#002616): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Ancient Pine Summit color palette (#CEE7E1, #4B894B, #00522A, #003037, #000A09)
• Washed Fern color palette (#D6E5DE, #819754, #356300, #00423F, #001711)
• Airy Denim Harbor color palette (#E4F0FF, #005AAC, #005833, #002955, #000401)
• Worn Chapel color palette (#E3F8EC, #A9AD69, #617500, #0E594B, #00281B)
• Lagoon Lantern color palette (#E4F6F4, #93C0A3, #248867, #305B71, #0D2D2C)
• Shadow Nightshade color palette (#DEE2F0, #3524BB, #6F0055, #00353D, #01000A)
• Aged Violet color palette (#E1E8FF, #918AD7, #8B58BE, #003283, #040020)
• Nightshade Corridor color palette (#DFE5F9, #5260D7, #1F00AE, #080043, #00000B)

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