Midnight Harbor color palette — #D6EAF7 · #004D7F · #0C008E · #0E0031 · #04000B

Indigo and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D6EAF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#004D7F): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#0C008E): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#0E0031): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#04000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Lowlit Nightshade color palette (#DCEDFF, #1B36B4, #270070, #18002E, #030004)
• Velvet Onyx Chapel color palette (#DFF3F7, #00516E, #002B53, #01004B, #020009)
• Inked Atelier color palette (#D6E7FC, #004DD9, #1300A0, #0D0049, #060025)
• Obsidian Delta color palette (#DDE4F3, #2618A1, #3F2E00, #01270F, #01000B)
• Nightshade Field color palette (#E2ECFC, #1B36B9, #3C3F00, #060067, #010100)
• Pale Plum color palette (#D9E6FF, #A179B9, #B43074, #003A51, #01000C)
• Cellar Aubergine Thicket color palette (#EAEDFF, #6121B1, #430055, #22001F, #040001)
• Grape Grove color palette (#D7EAFF, #5B6DE5, #6600CF, #45006C, #2D032C)

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