Muted Harbor color palette — #F0F7F1 · #DAD5DF · #B1CDFA · #5D9CAF · #424D64

Slate Blue and Lilac Frost set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#DAD5DF): a clean, paper-quiet neutral.
• Lilac Frost (#B1CDFA): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#5D9CAF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#424D64): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. 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 (#F0F7F1, #D3D7E8, #82C8D0, #549077, #1B4458)
• Washed Periwinkle color palette (#F8F5EF, #C7E9ED, #779AD0, #38788B, #5F4C59)
• Azure Corridor color palette (#ECF9EE, #CFE1FF, #409DC8, #006A68, #00203A)
• Gentle Cobalt color palette (#EDF9EF, #A8D2EF, #367BCB, #004F5D, #030037)
• Wandering Teal Alley color palette (#E4FAFF, #A8F7EF, #F5B9C4, #4BACA4, #523E57)
• Teal Orchard color palette (#D6E6D9, #63B1B1, #00606C, #002C21, #000102)
• Wandering Quarry color palette (#FFF0F8, #EDD3D1, #C8A1B7, #8E6F88, #354436)
• Hushed Mallow Field color palette (#E5F9FF, #8CDCDB, #CFABDF, #BD9C6F, #223D44)

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