Midnight Harbor color palette — #DBE2EE · #0061B6 · #00245D · #21151B · #00051B

Built around Cobalt, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Frost (#DBE2EE): bright and airy, almost weightless.
• Cobalt (#0061B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00245D): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#21151B): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#00051B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged monochrome, dark, muted, cool.

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

• Denim Thicket color palette (#D8E4F1, #0065B0, #00275C, #00042C, #000207)
• Softworn Cobalt color palette (#DFEAFC, #207FDC, #004B8E, #001B3B, #000206)
• Washed Corridor color palette (#E9E9FF, #A68EF7, #665CBC, #342667, #0C0229)
• Eclipse Cypress color palette (#D4E5E9, #006E79, #003136, #000C10, #000102)
• Eclipse Ultramarine color palette (#E6E9FA, #2F40D4, #190087, #04002E, #00000B)
• Smoked Grape Delta color palette (#FEE8F4, #5439BD, #4E1100, #1E005A, #030100)
• Ancient Mallow color palette (#F6EEFF, #CEA3EC, #8B66AB, #4D3361, #1F0B2F)
• Smoked Boulevard color palette (#E7DDFF, #7C2FC3, #400067, #0E0020, #020006)

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