Muted Cobalt Harbor color palette — #E9F9F8 · #9ECCE7 · #457EA8 · #005D71 · #253C54

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Sky (#9ECCE7): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#457EA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005D71): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#253C54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Cobalt 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

• Lagoon Delta color palette (#E5FBF6, #85E1DC, #009197, #006858, #004951)
• Petrol Boulevard color palette (#DFF4F0, #6FC0C7, #007585, #00504C, #003440)
• Dusty Quarry color palette (#EDF8F7, #D5DCED, #6CA0C3, #3F7886, #415568)
• Muted Cobalt Delta color palette (#D8E7E7, #3088BF, #003E6D, #00202D, #00081E)
• Cobalt Cabin color palette (#C4EDF6, #008D83, #276EB8, #526300, #063139)
• Jade Courtyard color palette (#D1E7D9, #00B77C, #008163, #00574B, #003F3A)
• Lagoon Orchard color palette (#FBF3F6, #CAE4F8, #8EB1F6, #00A197, #3C3161)
• Frosted Dune color palette (#DCF6F5, #6BA4D7, #0055A8, #003A52, #071B49)

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