Hushed Courtyard color palette — #F3F7ED · #549161 · #2D7B85 · #255A75 · #5E2304

A conversation between Fern and Espresso, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Fern (#549161): A luminous, balanced green — the color of fresh herbs.
• Teal (#2D7B85): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#255A75): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#5E2304): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, 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

• Dusty Lagoon Study color palette (#EFF8F1, #2F939A, #2A7984, #54477A, #393730)
• Wandering Fern color palette (#F7F6EA, #85965B, #4B6F3E, #444F76, #3B3631)
• Aged Taupe Quarry color palette (#FBF4EC, #B68F66, #457792, #714355, #5C3733)
• Tempered Coast color palette (#F8F6E1, #5A7500, #00626B, #670050, #262200)
• Patina Aubergine color palette (#ECF4EE, #99874A, #1279A0, #5C3F7E, #281723)
• Muted Olive Grove color palette (#F3F3E2, #698848, #35412E, #2A291E, #151610)
• Weathered Forest color palette (#FFF3E9, #C8BC8D, #6F8C56, #106B4E, #00525C)
• Hushed Pewter color palette (#F9F5EB, #B99F61, #5391B1, #765A96, #39322E)

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