Muted Cobalt color palette — #F2F5FB · #DDD9E3 · #CCBBCE · #4B73C4 · #171F2A

Sapphire takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DDD9E3): bright and airy, almost weightless.
• Stone (#CCBBCE): A luminous, dusty pink — the color of peonies in June.
• Sapphire (#4B73C4): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#171F2A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Weathered Iris color palette (#F3ECF1, #E2CDCF, #DEB0B0, #768DDE, #362933)
• Hushed Ridge color palette (#F4F4FB, #E2D8DF, #D8BAC5, #9750C1, #1D1C2E)
• Lapis Summit color palette (#F2F5FE, #E1D5E4, #C0B5CD, #5B42C5, #070B1F)
• Aged Denim color palette (#E5E9F2, #C3CBDF, #9CA2BF, #425189, #12161E)
• Inked Grove color palette (#DEE4FF, #7E55DE, #361734, #19101B, #050015)
• Forest Market color palette (#E7F5FF, #BDBBE7, #A9799C, #3E6337, #00332E)
• Hushed Archive color palette (#E9FBED, #B8C18D, #4D8746, #504682, #001E15)
• Mulberry Grove color palette (#EBF7FF, #00A0CE, #9C3873, #393C00, #000F17)

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