Muted Harbor color palette — #F5EDE1 · #95D1D0 · #0097AA · #006E55 · #003343

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Ice Blue (#95D1D0): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#0097AA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006E55): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003343): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Washed Cypress color palette (#FAF4EB, #C2DCC7, #4AA2BD, #007D6F, #0F3F58)
• Powdered Canyon color palette (#F5EDE2, #A5CFBF, #4489D3, #006A79, #172861)
• Cerulean Study color palette (#ECF9EF, #91FAFA, #00A4B8, #006C54, #00222E)
• Tempered Cobalt color palette (#F1E8DA, #92BDA3, #007FAC, #005957, #00213B)
• Washed Denim Atelier color palette (#ECE5DB, #5F9DAA, #00617E, #003C38, #000A16)
• Muted Lagoon color palette (#F8F5EF, #CEE3DE, #7BBDCE, #479784, #315245)
• Linen Turquoise color palette (#F5EBF5, #85E6E5, #00B6E1, #3F934D, #072F54)
• Tempered Ultramarine Corridor color palette (#E6DED1, #75A8CC, #0065C0, #004855, #06004A)

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