Muted Cobalt color palette — #F2F5FD · #DDD8E2 · #D1BBD4 · #6A6FAF · #191E2A

A conversation between Slate and Stone, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F2F5FD): bright and airy, almost weightless.
• Silver (#DDD8E2): bright and airy, almost weightless.
• Stone (#D1BBD4): A luminous, dusty pink — the color of peonies in June.
• Slate (#6A6FAF): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#191E2A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, 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 Driftwood color palette (#F2F5FE, #DED7E1, #BCB2AA, #8983AF, #2B2E37)
• Wandering Nightshade Alley color palette (#F3F4FD, #E3D4E4, #BFB6CC, #6C4C9A, #0A0B19)
• Ancient Mallow Thicket color palette (#EFEDFF, #DBA3E7, #937E9F, #375A4E, #0A3013)
• Nightshade Canyon color palette (#F4ECF1, #D5C8CE, #AF9AA1, #4A42A9, #392832)
• Muted Peony Coast color palette (#F3F4FF, #DFD5F3, #D0B7FF, #C871AF, #1F042B)
• Moonless Byzantium color palette (#E2E3FF, #9D33E5, #381534, #1E141C, #030212)
• Washed Garnet Coast color palette (#E8E1EC, #C4B5C4, #A5879C, #6B113E, #020003)
• Worn Pine color palette (#E5FBF3, #93CD8A, #008D59, #39517A, #001E1A)

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