Muted Cobalt color palette — #FEF0FC · #5C80C5 · #97633D · #585600 · #3E2B3D

Azure takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FEF0FC): A whisper-light, dusty pink — the color of a candy shop window.
• Azure (#5C80C5): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#97633D): A full-bodied, balanced gold — the color of honey in a jar.
• Olive (#585600): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#3E2B3D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Balance. 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 Bronze Field color palette (#E3FCF4, #4E87B5, #A45A3E, #625200, #133B31)
• Antique Forest color palette (#FEF1F7, #9487BA, #937B4C, #3D6C42, #4B3640)
• Tempered Archive color palette (#FDF1FA, #6674B0, #844601, #234B00, #113020)
• Lilac Courtyard color palette (#FFF4E2, #9E8ACB, #8C547C, #535100, #51333C)
• Lilac Field color palette (#F2F5FF, #A28FE4, #C97087, #6B761C, #2D3146)
• Dusty Chapel color palette (#FFF1F4, #A14BBA, #6B6B00, #005842, #3A1E42)
• Tempered Lantern color palette (#FBDAEC, #6348D7, #775000, #1F4800, #1D1644)
• Tempered Field color palette (#FAF3F6, #E0D8D6, #C9BBB6, #746CA0, #4E4549)

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