Hushed Courtyard color palette — #EDF9EF · #96BB9C · #CA8566 · #00828B · #6A4230

Caramel takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Sage (#96BB9C): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#CA8566): A luminous, balanced orange — the color of toasted spice.
• Teal (#00828B): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#6A4230): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Antique Alley color palette (#F0F8ED, #79BFB5, #C381A7, #008579, #664242)
• Washed Bloom color palette (#E9F9F4, #87B6DB, #C28B60, #1379B7, #66452A)
• Softworn Bronze color palette (#E8FAEF, #57A4BA, #B97567, #91692C, #2F493A)
• Timeworn Bronze color palette (#FBF4EC, #C3B6A0, #A5753D, #7D5140, #564600)
• Muted Lilac color palette (#E8F4FA, #73C1D4, #B08AC9, #007F95, #2F2E45)
• Patina Lagoon color palette (#ECF9F0, #EAD4D2, #E0B8B9, #4B9485, #3D544B)
• Cerulean Canyon color palette (#ECF9F0, #8AD1E2, #C99CE5, #009DB6, #62434C)
• Powdered Turquoise color palette (#E0FDF0, #2AB1E4, #A75800, #006586, #5A2D00)

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