Muted Harbor color palette — #EDF9EF · #D6DEFB · #6693D5 · #00677C · #121649

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Powder Blue (#D6DEFB): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#6693D5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00677C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#121649): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Azure Canyon color palette (#ECF9EF, #B2F2FF, #00A0CC, #006B63, #002136)
• Ancient Atelier color palette (#EEF6FF, #DFD8E3, #DDB7F6, #0084AC, #162143)
• Hushed Sky color palette (#C7F5FF, #00BBEC, #0087C2, #004689, #051247)
• Timeworn Periwinkle Corridor color palette (#F7EBEF, #B4D8F7, #879FF2, #009190, #352055)
• Patina Cypress Boulevard color palette (#F1F7F2, #D4D7E7, #5EB5C3, #228065, #083347)
• Dusty Turquoise color palette (#E2EEE4, #55B3B8, #005F70, #002C23, #000103)
• Tempered Sapphire Studio color palette (#F5EDE2, #90B6D6, #1163CC, #004D5D, #232A50)
• Wandering Cerulean color palette (#EDF9EF, #8CDBE4, #0088A5, #005248, #000F19)

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