Hushed Courtyard color palette — #F8F5EE · #E2CEAE · #8A7D4B · #584D1E · #312A1C

A conversation between Walnut and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Wheat (#E2CEAE): A whisper-light, dusty gold — the color of old brass.
• Walnut (#8A7D4B): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#584D1E): A full-bodied, dusty green — the color of new leaves after rain.
• Espresso (#312A1C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Worn Boulevard color palette (#EDF8F1, #C8DCCA, #93864F, #384B40, #161D19)
• Chestnut Delta color palette (#F8F5ED, #D6BB98, #6C5E12, #3B3832, #24261F)
• Muted Cypress Archive color palette (#F2F7EB, #D8C194, #3C8162, #005034, #1F2416)
• Ancient Thicket color palette (#F7F5EF, #DCD1AA, #57AD9C, #919225, #273122)
• Hushed Sand color palette (#EEF8F2, #F9D9A7, #A9A06A, #597465, #262D29)
• Softworn Bronze Corridor color palette (#F0E8D1, #936E00, #2F2D00, #16211D, #070600)
• Softworn Amber Dune color palette (#E4EBD1, #B08D3C, #005425, #00220B, #020300)
• Worn Meadow color palette (#F6F6EF, #D6DBD7, #A6B7B6, #8EA47B, #53534A)

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