Tempered Courtyard color palette — #F2EEE4 · #D0D5C8 · #B1BEA8 · #A2933A · #352D1B

Moss and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2EEE4): bright and airy, almost weightless.
• Oat (#D0D5C8): a clean, paper-quiet neutral.
• Stone (#B1BEA8): A luminous, dusty green — the color of fresh herbs.
• Moss (#A2933A): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#352D1B): A deep, shadowed, dusty gold — the color of old brass.

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

• Softworn Bronze Villa color palette (#F3EEE3, #DAD8CA, #B5BB9F, #896F00, #342D1F)
• Teal Loft color palette (#E3E7D6, #8EC9AC, #2CA789, #757A3D, #232D0E)
• Wandering Stone color palette (#DBE3D5, #93C498, #8EA179, #48788F, #10365A)
• Timeworn Pine color palette (#DFE1D8, #A5B5A9, #80A38E, #37853B, #131507)
• Pale Lime color palette (#EBDDB9, #ABB400, #659948, #00747F, #1F2800)
• Muted Fern color palette (#E4EBE7, #C2CFC9, #8EABA1, #625500, #0B1912)
• Teal Pier color palette (#F0F8EE, #CBDFDA, #9BB2C8, #00BDB2, #384436)
• Moss Canyon color palette (#F3F1D6, #749B00, #3F5D37, #313029, #060400)

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