Muted Azure color palette — #FFF1F7 · #ECAA7C · #5CB9D0 · #4999D2 · #3B222E

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sand (#ECAA7C): A luminous, balanced gold — the color of old brass.
• Cyan (#5CB9D0): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#4999D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3B222E): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

One click turns Muted Azure 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

• Tempered Alley color palette (#FFEFFF, #F79EA4, #37C1B9, #22A4AF, #372238)
• Iris Drift color palette (#E3FDE7, #DEB45D, #7EACEF, #768DD9, #18321E)
• Sapphire Loft color palette (#FFF3E3, #DF9E2A, #007FC2, #1962F8, #1C1000)
• Iris Balcony color palette (#DCFFEB, #D6C32E, #7380EB, #A35AAD, #272200)
• Faded Ember Grove color palette (#FFF2EB, #CC6840, #008AA2, #236DA9, #3D3632)
• Aged Garden color palette (#FFF0FA, #CDFBF1, #99E6DE, #BFA4C9, #58434D)
• Muted Blush Study color palette (#FFF2EA, #F1AB8B, #B7BB64, #D885BF, #3D3632)
• Dusty Taupe color palette (#FFF0F9, #FCD4B4, #C3907F, #8C5B60, #243728)

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