Midnight Harbor color palette — #D6EBE7 · #294A00 · #002E35 · #001128 · #020007

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

The five colors

• Honeydew (#D6EBE7): A whisper-light, dusty teal — the color of sea glass.
• Deep Olive (#294A00): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#002E35): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001128): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Midnight 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

• Inked Onyx Quarry color palette (#D3EFEE, #003922, #002132, #040028, #030004)
• Obsidian Basalt color palette (#D4EFD8, #523900, #00311B, #001213, #000104)
• Velvet Meadow color palette (#EBE2D4, #775300, #00482B, #002D2F, #040100)
• Midnight Mulberry Delta color palette (#F7E7FF, #960046, #003A3B, #27003F, #040001)
• Basalt Quarry color palette (#E8EFE8, #93A596, #62856F, #4C2F00, #000600)
• Smoked Aubergine Atelier color palette (#DDF0DD, #673F00, #430062, #39001E, #040000)
• Amber Archive color palette (#D0EBD8, #BD7E00, #856B00, #525500, #020100)
• Mulberry Balcony color palette (#F4DDF9, #AE0047, #004878, #2E0072, #11000D)

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