Hushed Courtyard color palette — #FAF2FC · #B8B269 · #763D49 · #38273B · #22171C

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

The five colors

• Ivory (#FAF2FC): a clean, paper-quiet neutral.
• Sage (#B8B269): A luminous, balanced green — the color of a quiet forest floor.
• Coffee (#763D49): A full-bodied, balanced red — the color of embers at dusk.
• Onyx (#38273B): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#22171C): a grounded near-black with real depth.

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

• Wandering Pewter Drift color palette (#FFF2EF, #B5CE9F, #985E6D, #5D343F, #2D1D1A)
• Dusty Garden color palette (#FCF3F0, #EBD29F, #BF8283, #845455, #2B1E1A)
• Marigold Market color palette (#EAFBE8, #C79B00, #653F00, #382100, #0E1F0D)
• Softworn Summit color palette (#FCF1FB, #EC9191, #597B33, #914446, #172824)
• Dusty Canyon color palette (#F9DAF1, #A99200, #700F00, #380400, #1B0617)
• Dusty Amber Garden color palette (#D2E4D4, #B08500, #463200, #1F1400, #000A07)
• Faded Bronze color palette (#FFF1F5, #B26B00, #006E3B, #244575, #332431)
• Worn Amber color palette (#E8FBEB, #D18055, #706D28, #3D4D71, #30432E)

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