Muted Cobalt color palette — #EDF7FE · #87B7D7 · #C5886D · #007BB1 · #624155

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

The five colors

• Ivory (#EDF7FE): bright and airy, almost weightless.
• Sky (#87B7D7): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#C5886D): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#007BB1): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#624155): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, 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

• Hushed Coral color palette (#ECF8FA, #84BAC5, #CC7F8D, #00847A, #6B3E46)
• Hushed Dune color palette (#F0F5FF, #9FAEDE, #BC8F54, #5A6CB7, #624722)
• Softworn Blush color palette (#E5F7F1, #8CB9DF, #CE7DB1, #3A77A6, #482527)
• Amber Ridge color palette (#ECF7FF, #62A0C7, #B9784F, #996B36, #334553)
• Lagoon Corridor color palette (#ECF7FF, #DBDAE4, #D1ADAC, #549496, #414D5F)
• Aged Mint color palette (#ECF7FE, #80D1F0, #9BBF72, #4598B5, #32554D)
• Wandering Driftwood Meadow color palette (#ECF9F0, #9FC1B2, #8F7F53, #77505F, #364D48)
• Softworn Workshop color palette (#EFF6FF, #71A2F8, #B46B00, #0040B8, #563000)

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