Tempered Courtyard color palette — #F7F5EF · #D6DDD6 · #A6B6B5 · #ABB35D · #4A483E

Sage and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F5EF): bright and airy, almost weightless.
• Silver (#D6DDD6): a clean, paper-quiet neutral.
• Ash (#A6B6B5): a calm mid-gray that lets other colors speak.
• Sage (#ABB35D): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#4A483E): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Softworn Summit color palette (#F9F5ED, #DBD6B6, #8DBA8C, #A18E5D, #4D4200)
• Worn Grove color palette (#F9EBD8, #D9D3B6, #AFBF9E, #A77DA2, #7B3C23)
• Weathered Jade color palette (#E4E6D7, #86BA81, #64765A, #4A4E00, #1A1811)
• Dusty Teal color palette (#F1F7F1, #CEDDDC, #ABC7CC, #00B7B0, #353D33)
• Tempered Driftwood color palette (#FFF3E9, #CBCC8E, #67B798, #A8699B, #3E3E36)
• Tempered Moss color palette (#F5F6ED, #CCE0D3, #9FCEC0, #5DB100, #33332C)
• Ancient Pewter Ridge color palette (#EBF4F0, #CBDCE1, #B3C0C8, #757947, #242F2A)
• Tempered Archive color palette (#E4E7E0, #96A49F, #6B938F, #007747, #070B00)

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