Muted Harbor color palette — #F0F7F1 · #D9D5E0 · #73A8EF · #007C92 · #222C4F

A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#D9D5E0): bright and airy, almost weightless.
• Cornflower (#73A8EF): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007C92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#222C4F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Washed Turquoise color palette (#EFF8F1, #D5D7E6, #21B9D4, #00816A, #0B3247)
• Powder Parlor color palette (#FDF1F6, #C2E6FF, #93AFF7, #349E9A, #333758)
• Timeworn Meadow color palette (#E7F1E8, #79C4D5, #007195, #003E3B, #000307)
• Azure Cabin color palette (#EDF9EF, #ADF3FF, #00A1C9, #006B61, #002134)
• Patina Workshop color palette (#E1ECE3, #76A7D5, #194CB0, #002A35, #01000A)
• Weathered Cobalt color palette (#F3F7EC, #A5D0C2, #4B7CAE, #005B79, #243B5E)
• Dusty Cobalt Ridge color palette (#F8F0E9, #A0D4C3, #577BBD, #005A61, #321428)
• Aged Summit color palette (#E7FAF4, #B9DD77, #BC82EF, #5C7A00, #311C44)

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