Muted Cobalt color palette — #FFF0F8 · #BC8061 · #687DB5 · #7C4E69 · #483741

Slate Blue takes the lead with Caramel close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Caramel (#BC8061): A luminous, balanced orange — the color of toasted spice.
• Slate Blue (#687DB5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Graphite (#7C4E69): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#483741): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Ancient Amber color palette (#EEF8F1, #A78E3A, #8B71AC, #804E5E, #334138)
• Muted Lagoon Workshop color palette (#FEF1F9, #C07C6A, #009097, #58598C, #473842)
• Worn Petrol Harbor color palette (#EEF8F4, #969E5E, #4174A4, #7A4040, #51394E)
• Dusty Mustard color palette (#E8FAF0, #B5AE5E, #63AAA5, #8E6E8C, #304239)
• Patina Lagoon color palette (#FFF0F8, #9BB271, #118A7C, #774766, #374D4A)
• Tempered Lagoon color palette (#EFF7F5, #D3DCE0, #AFAAB7, #628C80, #4B5552)
• Washed Moss Alley color palette (#F5F2E3, #939C4E, #3E9193, #34657A, #262315)
• Tempered Mustard color palette (#FAF5E8, #CFC57E, #97B9E6, #AD8BBB, #403D36)

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