Midnight Harbor color palette — #EDDDEB · #0A1FA9 · #1E2028 · #400102 · #000D02

Indigo takes the lead with Espresso close behind in a set that reads as creativity and energy at first glance.

The five colors

• Shell Pink (#EDDDEB): A whisper-light, dusty pink — the color of a candy shop window.
• Indigo (#0A1FA9): A deep, shadowed, vivid violet — the color of a velvet chair.
• Onyx (#1E2028): a grounded near-black with real depth.
• Espresso (#400102): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#000D02): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.

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

• Deep Aubergine Study color palette (#F8E5ED, #4C0093, #21242C, #2D1900, #000D06)
• Twilit Onyx Studio color palette (#E1F1E9, #004457, #1C2129, #3C0026, #090A00)
• Aubergine Corridor color palette (#F9DEE6, #593700, #420068, #221307, #0D0007)
• Weathered Cerulean Hollow color palette (#F0E1D8, #398CA3, #004163, #00231E, #000527)
• Midnight Lagoon color palette (#E4DEF3, #650062, #400009, #0E0600, #010009)
• Moonless Byzantium Quarry color palette (#F0ECFF, #8E2FA4, #54004E, #32001A, #140400)
• Lapis Cabin color palette (#EFDAE8, #555DB8, #752D00, #00372B, #00242F)
• Softworn Pewter color palette (#DAE0F4, #826093, #57263A, #00261A, #000F12)

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