Muted Cobalt color palette — #FBF4EF · #ADCEBE · #407CB6 · #00605D · #4D2F46

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Pistachio (#ADCEBE): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#407CB6): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00605D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#4D2F46): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Cerulean Workshop color palette (#FDF3ED, #ACD0B1, #2184A2, #006346, #123E5E)
• Cobalt Cabin color palette (#FDF3E9, #A8D4F9, #5F7CC4, #006570, #3F3472)
• Muted Loft color palette (#EBF4F3, #AECCE0, #3584B0, #005968, #00223B)
• Patina Cypress color palette (#FBF3EF, #CCE6E5, #779EBF, #347C76, #624A5D)
• Frosted Meadow color palette (#FFDBD6, #BF4A7B, #007F64, #006962, #43201D)
• Timeworn Sky color palette (#FDF1F7, #B8E8FF, #6FB7FF, #00A09D, #2F385C)
• Muted Boulevard color palette (#FFF2F0, #F1D6BF, #CAA062, #835A8A, #58362F)
• Timeworn Denim Studio color palette (#E8DDD2, #6BA6CE, #2D549A, #003D42, #1C114F)

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