Azure Courtyard color palette — #FDF1F8 · #E09E80 · #4CA3D3 · #A25E3E · #395061

A conversation between Cyan and Ochre, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Camel (#E09E80): A luminous, balanced orange — the color of toasted spice.
• Cyan (#4CA3D3): A luminous, balanced blue — the color of open sky before noon.
• Ochre (#A25E3E): A full-bodied, balanced orange — the color of toasted spice.
• Peacock (#395061): A full-bodied, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Ancient Periwinkle color palette (#E9FAF1, #B7B378, #6C99E0, #7A7530, #3B4E68)
• Teal Station color palette (#FAF2FC, #DA9BAB, #4AAC96, #A1596C, #2B5559)
• Tempered Cerulean color palette (#FFF0F8, #CC835D, #1598BA, #4F79AB, #4E3C46)
• Washed Veranda color palette (#FFF0F9, #FAB08F, #C1A2DB, #B97B5F, #4A4A64)
• Tempered Garden color palette (#FEEFE3, #EC9E70, #78AB7F, #9B623F, #30322B)
• Hushed Marigold Lantern color palette (#E4FEE4, #D49525, #0077B1, #7C5300, #003F60)
• Muted Bone Thicket color palette (#FFF0F8, #C5E6ED, #CBE1B6, #A083A2, #624D54)
• Dusty Taupe color palette (#FFF2EA, #FFC7A9, #94D1E9, #D69877, #315644)

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