Tempered Courtyard color palette — #E5F2EE · #CCDBDA · #A0BEC4 · #5C7F1F · #21322D

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

The five colors

• Cream (#E5F2EE): a clean, paper-quiet neutral.
• Silver (#CCDBDA): bright and airy, almost weightless.
• Ash (#A0BEC4): A luminous, dusty blue — the color of open sky before noon.
• Olive Leaf (#5C7F1F): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#21322D): 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

• Aged Grove color palette (#E8F0EF, #C4D7DD, #A3BFCB, #76A05F, #23312E)
• Forest Corridor color palette (#DEE7E6, #B4C9CC, #86ABBA, #28713A, #0D2422)
• Timeworn Pine color palette (#D5EBDF, #8EB177, #39825E, #5C5722, #00312A)
• Pine Dune color palette (#D3F1F1, #008754, #073944, #001B1B, #000604)
• Softworn Parlor color palette (#EDF7FC, #D6D9E6, #C1BBD6, #0096B0, #33424A)
• Cocoa Loft color palette (#DDE2D3, #71B499, #4D8F9B, #7F4345, #4A304A)
• Weathered Garnet Balcony color palette (#C9EADE, #7D9200, #0069A2, #7E0034, #420008)
• Patina Moss Basin color palette (#F5D3E4, #7BA13E, #007A70, #702959, #062C11)

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