Hushed Courtyard color palette — #FFF1F6 · #8EB197 · #8E6476 · #654561 · #28443A

Charcoal Brown and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#8EB197): A luminous, dusty teal — the color of glacier melt.
• Pewter (#8E6476): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal Brown (#654561): A full-bodied, dusty pink — the color of peonies in June.
• Forest (#28443A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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 Pewter color palette (#E7FBED, #81B3A3, #817142, #694556, #284341)
• Weathered Bronze Loft color palette (#FFF0FA, #C598A9, #9A6252, #5E4866, #284433)
• Worn Chestnut Pier color palette (#FEDEE8, #78A288, #845929, #64352B, #17372F)
• Wandering Atelier color palette (#FFF1F6, #ADC5AF, #B48458, #92583D, #2C4434)
• Weathered Lagoon color palette (#E5F9FF, #009495, #945D76, #7A3959, #153841)
• Worn Bronze Chapel color palette (#FAF0E6, #BCA88D, #946B45, #6C3F2A, #2C210A)
• Antique Apricot Field color palette (#FFF3E8, #E3CDA7, #D79F71, #AA7A74, #3F3D36)
• Airy Garnet Market color palette (#FFE6F4, #BE945C, #985535, #7C2639, #3C3600)

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