Muted Courtyard color palette — #E6F7E9 · #60A5CF · #5D65A3 · #723005 · #102439

A conversation between Rust and Slate, giving this palette its sense of trust and stability.

The five colors

• Cream (#E6F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#60A5CF): A luminous, balanced blue — the color of open sky before noon.
• Slate (#5D65A3): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#723005): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#102439): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged retro, muted, cool.

Use it as a design system

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

• Muted Chestnut Canyon color palette (#EAF5EC, #99AADA, #876B9B, #6C4B02, #252B40)
• Washed Garnet Meadow color palette (#E7F7EA, #5DACA6, #157598, #712945, #022732)
• Powdered Mulberry Terrace color palette (#E8F3FE, #5594C5, #864D7E, #613400, #00260A)
• Turquoise Garden color palette (#FDF4E2, #19ABB8, #5F61A6, #5E4C00, #274439)
• Linen Iris color palette (#FFF4E2, #6BBBEB, #747ECE, #914F2C, #48354A)
• Hushed Boulevard color palette (#E8F3FF, #A6B1C8, #8586A7, #6E4856, #1E3F2E)
• Mulberry Field color palette (#E0FAE5, #947FDE, #9A278F, #463F00, #270C3B)
• Tempered Pier color palette (#E2F1E5, #3A7CE2, #680FB9, #472900, #0A0043)

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