Muted Cobalt color palette — #DDE4EA · #C2BED9 · #AFA1C2 · #3984C9 · #12202F

A conversation between Cerulean and Mauve, giving this palette its sense of trust and stability.

The five colors

• Frost (#DDE4EA): bright and airy, almost weightless.
• Ash (#C2BED9): A luminous, dusty violet — the color of wild irises.
• Mauve (#AFA1C2): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#3984C9): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#12202F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Tempered Violet Garden color palette (#E8EBF7, #C8BBCA, #B79EB2, #886EC2, #1D1E29)
• Softworn Coast color palette (#DFE9F1, #BAC4DB, #A3A1BC, #006799, #172028)
• Navy Courtyard color palette (#ECE4EC, #BBAEBA, #9B8695, #00447E, #110613)
• Washed Hollow color palette (#D8DFEE, #AB97ED, #A06D9A, #735D2E, #242900)
• Dusty Pewter Parlor color palette (#E9EAF9, #A99BA9, #9F7E95, #705393, #080715)
• Powdered Lilac Cabin color palette (#DDE8FF, #7DCAFF, #94ACFF, #AC6FD7, #151237)
• Plum Archive color palette (#D7E8FF, #5089FF, #C32C72, #624F00, #001614)
• Quiet Violet Quarry color palette (#E2F1E4, #4798FF, #8454DA, #7A4800, #0C1232)

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