Muted Harbor color palette — #E9F5F2 · #B7E5F1 · #369EA5 · #2D6A5F · #07313F

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F5F2): bright and airy, almost weightless.
• Powder Blue (#B7E5F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#369EA5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#2D6A5F): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#07313F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Weathered Cerulean Garden color palette (#D7F2ED, #009CA6, #00535F, #002C29, #000508)
• Softworn Ash Delta color palette (#EAF4F3, #D1DAEF, #7DA1BC, #487283, #253849)
• Washed Dune color palette (#E7F6F3, #94D4DE, #008AA4, #005B5B, #032434)
• Sunlit Jade color palette (#E2F7F3, #79B763, #3897C9, #477138, #092A3F)
• Feathered Emerald Thicket color palette (#CEFDF7, #45A546, #008FA1, #8B621A, #022421)
• Aqua Corridor color palette (#FCF1F9, #CBDEF6, #6BCBDF, #5E8F6F, #294255)
• Weathered Workshop color palette (#C5FFFB, #82D492, #3D8D56, #0F4B23, #001B06)
• Bronze Hollow color palette (#FFECF2, #C8A576, #936C44, #65432B, #162719)

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