Tempered Courtyard color palette — #FDF3EA · #E09A4C · #7DA883 · #956C81 · #583400
A conversation between Apricot and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF3EA): bright and airy, almost weightless.
- Apricot (#E09A4C): A luminous, balanced gold — the color of afternoon light on wheat.
- Moss (#7DA883): A luminous, dusty green — the color of fresh herbs.
- Mocha (#956C81): A full-bodied, dusty rose — the color of strawberry cream.
- Cocoa (#583400): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged muted, warm.
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
- Patina Mustard color palette (#FBF5E4, #BBAE38, #5CACA2, #9E6A6C, #3F3D36)
- Washed Coral color palette (#FFF2ED, #F38784, #A29F62, #7F729E, #433B38)
- Dusty Veranda color palette (#FAF4EB, #DBBF8F, #74BFB1, #7F79B5, #35312B)
- Patina Amber Villa color palette (#FFF4E0, #B78F00, #009D81, #9F4358, #3A2800)
- Dusty Station color palette (#FDF3EA, #B38658, #4F889A, #585A87, #583400)
- Tempered Stone Coast color palette (#FCF5E3, #C0C479, #7D9E66, #56795D, #494841)
- Tempered Taupe Boulevard color palette (#F9F4ED, #EACD93, #93A55E, #A4884D, #2F2E27)
- Timeworn Veranda color palette (#F8F5ED, #D8DCD2, #A8B2AC, #A99A78, #55524C)
Browse the whole catalog at Explore, or see today's palette.