Muted Cobalt color palette — #E8FAF3 · #97D8FF · #FF9E82 · #0092CC · #341005

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

The five colors

• Ivory (#E8FAF3): A whisper-light, dusty teal — the color of glacier melt.
• Powder Blue (#97D8FF): A whisper-light, balanced blue — the color of deep harbor water.
• Melon (#FF9E82): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#0092CC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Onyx (#341005): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged duotone.

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

• Coral Harbor color palette (#FFF0FE, #B4D0FF, #FF776B, #5D98FF, #301408)
• Tangerine Workshop color palette (#DCF1EB, #82C2FF, #FF7C53, #0079C8, #1B0700)
• Softworn Blush Field color palette (#EAFAF1, #81DDFF, #F471BD, #00AAD5, #301313)
• Hazy Lilac Coast color palette (#FFF0F8, #CDC7FF, #ED8C00, #9B83FF, #2D1700)
• Weathered Amber Harbor color palette (#DBFEF4, #73BEFF, #E5752B, #008877, #003931)
• Faded Sapphire color palette (#EFF6FF, #99BAFF, #C554B0, #406EE3, #2E1028)
• Muted Lilac color palette (#FDF2F5, #EDD2FB, #C1BA76, #C09AD2, #302E27)
• Airy Sapphire color palette (#FCF1FB, #C6D9FF, #C764CE, #3B6FFF, #160018)

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