Muted Cobalt color palette — #FDF2F7 · #A4CBE2 · #217BC9 · #00624F · #33365C

Azure takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF2F7): bright and airy, almost weightless.
• Sky (#A4CBE2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#217BC9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00624F): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#33365C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Hazy Garden color palette (#FFF0FC, #49CCDD, #0076A7, #005938, #162E69)
• Hushed Iris Veranda color palette (#FBF3F5, #C4E0FA, #7785C6, #007073, #434561)
• Cobalt Drift color palette (#F8F1E5, #A6D4BC, #2884B9, #005B5E, #2C172E)
• Patina Coral color palette (#F1F5FF, #EBC2F8, #F98F88, #1C7997, #3E4057)
• Pale Iris color palette (#DBE4FE, #8379EF, #486600, #005633, #212947)
• Worn Basin color palette (#FFF2EA, #C2EBD5, #7AB8EC, #3F9D94, #2A395E)
• Patina Spruce color palette (#F7E8F6, #519E9E, #005268, #00330F, #00142D)
• Gentle Ultramarine Bloom color palette (#EDDDE4, #75A6C2, #114AC0, #003E3A, #211345)

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