Tempered Courtyard color palette — #E7F6F2 · #9FBF8A · #B686CE · #587F38 · #302E45
Wisteria takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E7F6F2): a clean, paper-quiet neutral.
- Sage (#9FBF8A): A luminous, balanced green — the color of a quiet forest floor.
- Wisteria (#B686CE): A luminous, balanced violet — the color of twilight just after sunset.
- Olive Leaf (#587F38): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#302E45): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged 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
- Iris Ridge color palette (#E9F6EB, #C9B07D, #8298E3, #8A6D2C, #253147)
- Lime Orchard color palette (#F7F6E6, #9EBD6A, #B385BC, #687A49, #62434A)
- Blush Corridor color palette (#E4F6F8, #7CC3B6, #DA7B8E, #008475, #3C2940)
- Patina Lagoon color palette (#E1F7F4, #BFE4F6, #B6B4CC, #619281, #2D403F)
- Iris Meadow color palette (#DFF8F4, #7DAA73, #618DD6, #9F6766, #172C29)
- Timeworn Driftwood color palette (#FAEEF3, #A9C3AA, #A37955, #6D4C61, #213026)
- Patina Jade color palette (#E8F9F7, #C3F5C5, #D3BFFF, #69AD6E, #414460)
- Softworn Cypress Thicket color palette (#EBF4F5, #D6C195, #0D725E, #12373B, #0A1618)
Browse the whole catalog at Explore, or see today's palette.