Muted Cobalt color palette — #F9F3F9 · #E6D7D8 · #B2B7AA · #638BC4 · #342B34

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E6D7D8): a clean, paper-quiet neutral.
• Ash (#B2B7AA): soft and architectural.
• Slate Blue (#638BC4): A luminous, balanced blue — the color of deep harbor water.
• Onyx (#342B34): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Periwinkle Balcony color palette (#F0F6FE, #DCD7EA, #C4BDCE, #879ED3, #353B44)
• Wandering Harbor color palette (#FDF2F3, #E3D9D1, #A5B6B0, #BB77AE, #413031)
• Petrol Study color palette (#F1F5FC, #DAD7E0, #B0B2C1, #4C648E, #343B45)
• Timeworn Violet Cabin color palette (#FDF1F6, #E4D8D3, #ADB59B, #9658DC, #351B26)
• Ancient Plum Study color palette (#FBF3F2, #E3DAD1, #CFC2A7, #A75785, #2B1919)
• Muted Fuchsia color palette (#FFF0F8, #D6D4E1, #F386D6, #B9ADA9, #2F0F1D)
• Aubergine Thicket color palette (#F6EAEC, #C9B5B3, #AE887A, #5A1C61, #040001)
• Muted Emerald color palette (#FBF4E9, #CED795, #67995D, #615D86, #2E280C)

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