Tempered Courtyard color palette — #EFF7F5 · #CDDDE1 · #9EC5C3 · #4D7900 · #314440

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#CDDDE1): bright and airy, almost weightless.
• Ash (#9EC5C3): A luminous, dusty teal — the color of sea glass.
• Olive (#4D7900): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#314440): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Worn Loft color palette (#E9F5F1, #C6DBE3, #9AC9D0, #5E7604, #122A24)
• Washed Coast color palette (#EFF7F8, #D3DCE3, #B3C2D2, #008870, #3B4B4D)
• Washed Fern Ridge color palette (#E9F0EF, #BDD1CF, #8CA6A7, #196603, #1D332F)
• Aged Moss color palette (#F7F6EA, #D0DED2, #A4CCBB, #7B9140, #484000)
• Hazy Olive color palette (#E3FCF2, #94AD74, #477834, #4D5700, #2F4211)
• Deep Drift color palette (#D8EBEA, #007D49, #003426, #001F0E, #000B0F)
• Worn Abyss Balcony color palette (#DDEAEB, #A7BEC0, #6B979F, #005238, #002526)
• Tempered Boulevard color palette (#C0F1FE, #82BEC6, #3A859F, #564D8E, #5F3453)

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