Muted Cobalt color palette — #F0F4E8 · #A4CDEE · #477FBA · #005774 · #0D203E

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

The five colors

• Cream (#F0F4E8): bright and airy, almost weightless.
• Sky (#A4CDEE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#477FBA): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005774): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#0D203E): 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 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

• Cobalt Dune color palette (#FEF1F6, #99CCF1, #5377BA, #005F66, #37355B)
• Cerulean Bloom color palette (#F2F3E7, #96DEE2, #0093A4, #00635C, #002A34)
• Worn Petrol color palette (#E9EADD, #7BC0CC, #007790, #004B4C, #001923)
• Cerulean Basin color palette (#EEF1E0, #4D96A7, #005168, #002B2E, #00050A)
• Navy Parlor color palette (#EBF0E1, #4D7CAA, #00377D, #001D2C, #00000D)
• Patina Periwinkle color palette (#F1F3EC, #C6E0E2, #6EA2CF, #2C758D, #403041)
• Fern Orchard color palette (#ECEBD2, #7A9F4D, #0088AE, #406100, #00202B)
• Emerald Loft color palette (#E9EBCB, #479104, #007E85, #7F4F00, #151500)

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