Hushed Courtyard color palette — #F5F2E8 · #C4C7A3 · #5C9078 · #775761 · #31322B

Built around Fern, softened by Pistachio — the whole palette hums with sophistication and grounding.

The five colors

• Cream (#F5F2E8): a clean, paper-quiet neutral.
• Pistachio (#C4C7A3): A luminous, dusty green — the color of fresh herbs.
• Fern (#5C9078): A luminous, dusty teal — the color of glacier melt.
• Graphite (#775761): A full-bodied, dusty rose — the color of pressed rose petals.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Softworn Archive color palette (#F5F6EC, #BBC79D, #728C4B, #576C60, #46540A)
• Periwinkle Market color palette (#F7F0EC, #C5E6E5, #6CA2D0, #3C7771, #422F3F)
• Worn Oat color palette (#EBF9F3, #BBDCB6, #75A5A8, #7C7B8E, #3D524F)
• Turquoise Studio color palette (#FEEDEE, #D1A2C7, #06B1BA, #925D87, #213725)
• Timeworn Olive Hollow color palette (#FFEFDE, #BBA847, #5B7700, #474674, #272000)
• Lowlit Pine color palette (#E8E4D2, #3C783C, #004131, #340535, #000400)
• Tempered Emerald Bloom color palette (#FFEDEC, #CB81AB, #43A374, #2E878B, #372020)
• Fern Lantern color palette (#EAE0D5, #9A8E50, #465F00, #353161, #191100)

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