Muted Cobalt Harbor color palette — #CFF1FC · #4973AB · #564F7E · #4D1E0C · #170B00

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

The five colors

• Frost (#CFF1FC): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#4973AB): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#564F7E): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#4D1E0C): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#170B00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Muted Bloom color palette (#E2E9FF, #7B64AA, #75426D, #392D00, #151200)
• Patina Onyx Terrace color palette (#DCE9FE, #7978B1, #56406F, #3B0017, #0A0000)
• Tempered Pier color palette (#D7EAE9, #427293, #3C2F5E, #231E00, #060E01)
• Lagoon Courtyard color palette (#D8F1E7, #00858C, #0C547E, #53203A, #250200)
• Aged Cocoa color palette (#D0F3FA, #6783A1, #4A6C8F, #743800, #121100)
• Cerulean Terrace color palette (#ECE3D7, #3FA2AE, #006279, #003C34, #000B14)
• Tempered Station color palette (#EAE8FF, #AE71BA, #885268, #3A3B00, #032608)
• Worn Boulevard color palette (#D9EAE4, #92A0E6, #907CA7, #775332, #36332D)

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