Nocturne Harbor color palette — #E6EDD0 · #3C4400 · #003853 · #470024 · #020200

Espresso takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E6EDD0): A whisper-light, dusty green — the color of a quiet forest floor.
• Deep Olive (#3C4400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Teal (#003853): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#470024): A deep, shadowed, balanced rose — the color of strawberry cream.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, 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

• Onyx Quarry color palette (#F4E0CB, #5A3600, #003C39, #360052, #030100)
• Obsidian Aubergine color palette (#D6F5E6, #004C35, #34008C, #3F1500, #000201)
• Softworn Olive color palette (#E9F3D2, #597100, #222F00, #1A282B, #070B00)
• Navy Veranda color palette (#D9EDD5, #0E4902, #180E8E, #2B004B, #000200)
• Muted Drift color palette (#CCE7DC, #73AD72, #008166, #3F3300, #0A1400)
• Ancient Nightshade color palette (#E7F3E3, #266900, #322CC1, #4C007D, #000200)
• Nightshade Archive color palette (#D6EFE1, #006C47, #442EB5, #6A2200, #00170C)
• Byzantium Field color palette (#D7EAE9, #008281, #9400C3, #704900, #002B2A)

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