Midnight Harbor color palette — #D8F1FF · #006376 · #021A9A · #2A003D · #000502

Built around Indigo, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Frost (#D8F1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006376): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#021A9A): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#2A003D): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#000502): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Creativity, Energy, Depth, Luxury. Tagged dark.

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

• Charred Study color palette (#CEE5F7, #004F73, #2A0076, #21001F, #000201)
• Onyx Hollow color palette (#C7E6EF, #006568, #00395F, #20004A, #000500)
• Pale Aubergine color palette (#D7E9D9, #006468, #381883, #41000F, #151200)
• Velvet Nightshade Atelier color palette (#D0E0F7, #0021A5, #320041, #170004, #000102)
• Patina Petrol Alley color palette (#CBEEFC, #00729A, #005078, #00223F, #000D23)
• Faded Cobalt color palette (#D9EDF5, #0080BB, #325084, #3D2340, #26001C)
• Chalky Denim Corridor color palette (#D7F0EF, #5EA3DB, #0057A5, #00364B, #000629)
• Obsidian Ultramarine Field color palette (#D8E7FF, #0B42D3, #510073, #36001A, #000405)

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