Midnight Harbor color palette — #E4EFD0 · #005937 · #002C4A · #270025 · #110400

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

The five colors

• Honeydew (#E4EFD0): A whisper-light, dusty green — the color of a quiet forest floor.
• Deep Olive (#005937): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#270025): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#110400): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Moonless Station color palette (#DDF3DB, #004745, #160060, #190008, #030200)
• Cypress Ridge color palette (#CCEDE1, #007B71, #004A4C, #00242C, #040D1C)
• Cerulean Ridge color palette (#F1EBE1, #4A9EA6, #005264, #003129, #001623)
• Aubergine Summit color palette (#EFE7D0, #504B00, #2D0073, #230500, #040000)
• Antique Moss color palette (#E1E8DA, #6B9600, #00815F, #004C55, #000B09)
• Antique Navy Alley color palette (#DFF2E2, #816000, #00477A, #401A00, #100500)
• Pale Onyx color palette (#D8F4E4, #28827C, #005974, #500044, #3C020D)
• Aubergine Atelier color palette (#DAF4E9, #005F87, #570069, #3A0F00, #0D1500)

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