Muted Cobalt color palette — #FDF3EC · #98CEE6 · #3E7CB7 · #00605D · #4B3045

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Sky (#98CEE6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3E7CB7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00605D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#4B3045): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Frosted Studio color palette (#FFF2EC, #44CBE2, #0078A3, #005747, #0B335F)
• Iris Station color palette (#F9F4EF, #C2E5DC, #7587C2, #006E7F, #5C3C4D)
• Antique Cerulean color palette (#FBF3EF, #B2CDB5, #0085A3, #006343, #174338)
• Patina Cerulean Boulevard color palette (#EDF9EF, #C2E6FD, #82B8E2, #009FA8, #243B5B)
• Raspberry Quarry color palette (#FFDAD9, #B55187, #008159, #00686B, #3F2222)
• Tempered Field color palette (#F0E1DA, #519DA1, #005266, #003220, #001526)
• Marigold Corridor color palette (#FFF1F1, #FDD3C1, #ECA750, #7C5896, #5A3A34)
• Hazy Ultramarine color palette (#F5E8DC, #76A5C3, #0050B6, #003D41, #191647)

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