Tempered Courtyard color palette — #F7F1E9 · #CFC3A0 · #758B64 · #715A65 · #33312A

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

The five colors

• Cream (#F7F1E9): a clean, paper-quiet neutral.
• Sand (#CFC3A0): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#758B64): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#715A65): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#33312A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered 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

• Washed Quarry color palette (#F2F3E5, #AABA92, #178680, #704949, #222B15)
• Fern Hollow color palette (#FAF5E9, #CDC197, #7C875A, #795F57, #5D4B00)
• Antique Turquoise Market color palette (#F7F0ED, #C7E6DD, #65A8B9, #48775D, #1E3D33)
• Taupe Thicket color palette (#EFF8EF, #B0DDC7, #8CA579, #787C90, #3F5249)
• Tempered Turquoise color palette (#FBEFEB, #E29EA2, #33AEBE, #A3585F, #1D3825)
• Amber Hollow color palette (#FFEEE5, #F7BAAF, #BF6F56, #6E382F, #321403)
• Dusty Canyon color palette (#E3DED0, #7A9956, #006639, #462C53, #141300)
• Wandering Orchard color palette (#FDF0DB, #A0B162, #0C8127, #553F75, #262100)

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