Muted Harbor color palette — #ECF7FF · #BAF8C2 · #477D9E · #1C3C52 · #061119

Mint and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Mint (#BAF8C2): A whisper-light, balanced green — the color of fresh herbs.
• Slate (#477D9E): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#1C3C52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#061119): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Weathered Cobalt color palette (#F1F5FF, #F7D8C9, #716FA8, #2F3752, #0B0F1B)
• Denim Delta color palette (#E7F6F1, #C7B081, #225985, #042945, #00100C)
• Aged Sand color palette (#EDF6FF, #EED296, #6D9AC2, #486682, #17232F)
• Worn Cabin color palette (#EEF6FF, #7CB5FF, #C487AF, #3C816C, #1A2633)
• Muted Terrace color palette (#F0F5FE, #DFD6F1, #AC8AE1, #6E86D0, #10111D)
• Timeworn Harbor color palette (#F8F2FF, #FFC09E, #854E71, #2E203D, #05020A)
• Velvet Veranda color palette (#D8E6F6, #00A868, #002B54, #0B0B15, #000104)
• Ultramarine Bloom color palette (#F0F5FF, #FFA5B7, #354BB3, #0C1353, #000108)

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