Tempered Stone Courtyard color palette — #EDF9EF · #C1E3CD · #9CC0A4 · #809A81 · #384D42

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Celadon Mist (#C1E3CD): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9CC0A4): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#809A81): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal (#384D42): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Tempered Stone 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 Driftwood Lantern color palette (#EBFAE9, #E6CDA3, #C5A682, #A48061, #2B4432)
• Timeworn Stone color palette (#FFF0F7, #F1CEDC, #CDABBB, #A58899, #404C3E)
• Tempered Chestnut color palette (#F7F1E8, #C8B99D, #968052, #784E07, #312C1E)
• Muted Lagoon color palette (#D4F8E7, #C5D07E, #ADA93C, #947F0F, #083F33)
• Tempered Mallow color palette (#F3F4FF, #C5A8EB, #62BAAC, #4993AD, #2B3241)
• Hushed Mallow color palette (#F7F3FF, #E6AED9, #DDAA84, #789DC8, #40394B)
• Wandering Bronze color palette (#CFE5D2, #A78D40, #8D6600, #694300, #0E0B00)
• Weathered Taupe color palette (#FCDEED, #E7B691, #C88F6F, #A06A58, #442531)

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