Tempered Courtyard color palette — #F4F2E6 · #99A960 · #007569 · #4F5C00 · #010900
Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4F2E6): bright and airy, almost weightless.
- Moss (#99A960): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007569): A full-bodied, balanced teal — the color of sea glass.
- Olive (#4F5C00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#010900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Weathered Petrol Grove color palette (#EFF4E9, #4DB691, #006AA3, #00654A, #000906)
- Pine Lagoon color palette (#F2F3EA, #97C190, #008493, #237813, #021307)
- Muted Pine color palette (#F9F0E6, #C19765, #007A2F, #764A00, #060700)
- Amber Loft color palette (#EFF8F2, #B5971D, #006883, #604E00, #0A1A24)
- Soft Aubergine Cabin color palette (#F3E7D4, #5A9B62, #006A63, #511D61, #121C00)
- Ancient Thicket color palette (#D9E3D4, #6CA67E, #007A5E, #004745, #001F24)
- Worn Pine Terrace color palette (#F2F2EC, #CFD9D2, #AFBCA9, #44723A, #212214)
- Quiet Garnet color palette (#F4F3E1, #628033, #2F4EA1, #64014F, #100500)
Browse the whole catalog at Explore, or see today's palette.