Muted Cobalt color palette — #FDF2F7 · #9CCDE5 · #4979BD · #006155 · #38355B

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

The five colors

• Ivory (#FDF2F7): bright and airy, almost weightless.
• Sky (#9CCDE5): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4979BD): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
• Navy (#38355B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Aged Pier color palette (#F7F1E7, #9FD0E7, #3982B8, #005A61, #2D172D)
• Forest Parlor color palette (#F3ECF3, #77C0C0, #007391, #00541E, #142F4D)
• Hushed Azure Field color palette (#EFF8F1, #B2DBF5, #5D9CCD, #007B84, #253B59)
• Aged Boulevard color palette (#FBF4EE, #C7EAD9, #89B6E5, #309E9A, #2E385E)
• Patina Terrace color palette (#F0E6EF, #499EA5, #00516D, #003218, #001134)
• Aged Courtyard color palette (#DEF3F7, #00A492, #BC4293, #006559, #4D263E)
• Dusty Quarry color palette (#D2FFFC, #2BBAAC, #006F68, #00433E, #002B29)
• Tempered Ultramarine Field color palette (#F3E2E8, #6AA6CC, #264ABA, #003E3B, #231244)

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