Muted Cobalt color palette — #F9F0E9 · #99D1E7 · #4281B4 · #005C56 · #2E172B

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

The five colors

• Cream (#F9F0E9): bright and airy, almost weightless.
• Sky (#99D1E7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4281B4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005C56): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#2E172B): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Washed Drift color palette (#F9F0EB, #92D6D2, #008B9F, #215C3A, #002435)
• Dusty Cobalt Chapel color palette (#FDF1F8, #ACCADC, #427BB7, #006150, #34375A)
• Wandering Harbor color palette (#F9F0E7, #BEE7DA, #798DBA, #276972, #3D2232)
• Aged Alley color palette (#D0E6E3, #00B1BA, #00738C, #004B6D, #0F2246)
• Washed Azure Basin color palette (#D7F0E3, #00A0C9, #B26627, #005E78, #2F1400)
• Worn Mallow color palette (#D7FCE9, #CFE2FF, #C1A4E0, #2D7E80, #062922)
• Muted Orchard color palette (#F0E0D8, #009DA0, #005264, #002D1B, #00050B)
• Ancient Courtyard color palette (#DDEFE6, #0088AF, #B3481C, #7A520F, #00190F)

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