Muted Harbor color palette — #D9E8E7 · #5D91B0 · #004D7B · #002A36 · #00040F

Built around Peacock, softened by Storm Blue — the whole palette hums with trust and stability.

The five colors

• Frost (#D9E8E7): a clean, paper-quiet neutral.
• Storm Blue (#5D91B0): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#004D7B): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002A36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00040F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted 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

• Softworn Lagoon color palette (#DFEFEC, #348591, #004350, #001F1F, #000203)
• Weathered Navy Pier color palette (#F1DFD0, #4999C4, #004696, #002F31, #0E0B37)
• Cypress Boulevard color palette (#D8E5E2, #6AA9A7, #00656A, #003A32, #000D11)
• Dusty Azure Drift color palette (#E7EBDB, #3EADE6, #006CA8, #004759, #00142C)
• Muted Cobalt Summit color palette (#EAF4F4, #ABCCE8, #317FC8, #005773, #0B213C)
• Worn Sapphire Basin color palette (#F9E9EF, #77C1E9, #0064C6, #003E3F, #020013)
• Pale Courtyard color palette (#E6E4F8, #C980C1, #C54290, #51257A, #110013)
• Inked Chestnut Lantern color palette (#D7F2DE, #726000, #453300, #231500, #000201)

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