Muted Cobalt color palette — #F7EFF3 · #AECCDF · #3880BF · #005C58 · #141E3F

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Lilac Frost (#AECCDF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3880BF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C58): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#141E3F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Aged Cobalt color palette (#ECF8F7, #AACADE, #0082B6, #005D6D, #1A3E59)
• Tempered Corridor color palette (#F7EFF2, #CCDFF1, #7A8CBD, #006A79, #2D254B)
• Muted Petrol Parlor color palette (#EFE6EC, #88BDCB, #00788D, #004E2E, #001827)
• Petrol Garden color palette (#EEF1FF, #ECC6EB, #DEA3AB, #436CA5, #26243F)
• Wandering Lagoon Summit color palette (#EDE0E9, #4B989C, #005266, #002D1D, #00050C)
• Linen Olive color palette (#E2E6FF, #836CB7, #727400, #506500, #0F102C)
• Faded Ultramarine Parlor color palette (#F9EAF0, #80A1BA, #0B51B4, #00393C, #09002E)
• Weathered Aubergine color palette (#DDE9F2, #6A90D9, #5753B9, #551A81, #34143B)

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