Muted Harbor color palette — #F1E9DC · #7AA7CE · #3463B6 · #004759 · #0C063F

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

The five colors

• Parchment (#F1E9DC): a clean, paper-quiet neutral.
• Blue Fog (#7AA7CE): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#3463B6): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#004759): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#0C063F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Tempered Petrol Balcony color palette (#E9E1D6, #70ADBB, #007094, #004A47, #001527)
• Weathered Boulevard color palette (#E7F1E9, #90BCE3, #0E5BDC, #003C4B, #010014)
• Lilac Loft color palette (#F4DCF3, #9FA6E0, #B082C8, #006688, #14183C)
• Nightshade Study color palette (#EADCCF, #6794BD, #353A9C, #002F31, #1E0037)
• Faded Indigo color palette (#F2DFE5, #75B7ED, #5F72F6, #006C6E, #1D0038)
• Navy Atelier color palette (#CFF3FD, #0085B2, #005486, #003573, #020041)
• Cobalt Coast color palette (#F6EDE0, #A0D0C0, #5187D0, #00697C, #1F2A56)
• Worn Station color palette (#CCF5EB, #007AD1, #8E5900, #00467D, #190C00)

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