Muted Cobalt color palette — #CDE1F0 · #F89D8B · #0084B0 · #00506C · #000D17

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

The five colors

• Silver (#CDE1F0): A whisper-light, dusty blue — the color of open sky before noon.
• Melon (#F89D8B): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#0084B0): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00506C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#000D17): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Balance. Tagged luxury, dark, 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

• Airy Navy color palette (#D5DFEC, #E6AB6A, #497ABC, #08468E, #020B1A)
• Ancient Cerulean color palette (#E4F0FA, #FDB49E, #3D90C4, #225C80, #081723)
• Wandering Apricot color palette (#D1E2E5, #EFA574, #008C7F, #00554C, #000E11)
• Tempered Jade Cabin color palette (#CFE4D7, #85B37B, #006071, #002F38, #000F06)
• Azure Boulevard color palette (#EAEFF4, #D5D0DE, #C5B3CB, #4494EE, #242F3C)
• Worn Ultramarine Thicket color palette (#D6E3F8, #B59034, #2F50AD, #081A6C, #000109)
• Indigo Pier color palette (#DAE5FC, #D1C142, #5F6BF5, #373CA8, #090B2A)
• Ancient Mint color palette (#E9F8FF, #96CC86, #005B6B, #001C23, #000102)

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