Tempered Courtyard color palette — #F4F7E6 · #AFCAB3 · #A4849A · #886C24 · #4B560A
A conversation between Deep Olive and Walnut, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#AFCAB3): A luminous, dusty green — the color of fresh herbs.
- Dusty Rose (#A4849A): A luminous, dusty pink — the color of peonies in June.
- Walnut (#886C24): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#4B560A): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
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
- Muted Olive Harbor color palette (#E8FBE9, #D7C8D9, #B78B92, #757830, #485846)
- Aged Bronze color palette (#FDF5E0, #BEC2AE, #7EA48C, #996233, #644E00)
- Gentle Cobalt Atelier color palette (#C2F6E0, #7AB7D0, #7E72B6, #565A27, #204A22)
- Turquoise Terrace color palette (#FBF3F1, #CDE7DF, #63A4B8, #587858, #32524A)
- Hushed Powder Chapel color palette (#E1F6FF, #A3C5E1, #8996B3, #6F5D6C, #513F45)
- Plum Orchard color palette (#DAE9F3, #A592CB, #A8547C, #006058, #004451)
- Aged Taupe Lantern color palette (#EAF9F4, #7CB7E4, #AF9746, #3778A7, #504D46)
- Periwinkle Courtyard color palette (#FFF0FE, #6E99DA, #A0873E, #69783A, #4B3D4B)
Browse the whole catalog at Explore, or see today's palette.