Muted Cobalt color palette — #E6EEFB · #6F80B6 · #373A4B · #161E2D · #080D12

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

The five colors

• Frost (#E6EEFB): bright and airy, almost weightless.
• Slate Blue (#6F80B6): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#373A4B): A deep, shadowed, dusty violet — the color of wild irises.
• Midnight (#161E2D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#080D12): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Tempered Study color palette (#F1EBFD, #995D8B, #3A2A40, #191126, #06050D)
• Hushed Periwinkle Cabin color palette (#F8EFF6, #8499D7, #6A4F5C, #3F343C, #1B2422)
• Ancient Lagoon color palette (#F0F0FF, #AA90BB, #B28346, #008A87, #262439)
• Twilit Amethyst color palette (#E0E6FF, #724ACF, #381C42, #0A0C29, #01030E)
• Aubergine Study color palette (#E0EBFF, #B7B6E6, #8E77BA, #6B4080, #372E4E)
• Washed Driftwood color palette (#EDF4EE, #AECBBC, #7C895F, #40677D, #20372C)
• Dusty Indigo Terrace color palette (#F0F1FE, #ADAFD8, #92A561, #815EA7, #2C360E)
• Muted Workshop color palette (#E9F3FF, #C1C6D6, #9591AA, #567159, #2A4238)

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