Tempered Courtyard color palette — #E8EDDF · #52BC55 · #00876E · #005F63 · #004857
Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E8EDDF): a clean, paper-quiet neutral.
- Clover (#52BC55): A luminous, vivid green — the color of new leaves after rain.
- Fern (#00876E): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005F63): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#004857): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
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
- Teal Basin color palette (#CFE8CC, #2DBC98, #00797B, #00576A, #053C5B)
- Patina Mint Archive color palette (#DFE9D2, #4BDC79, #00BB8B, #009498, #00485A)
- Quiet Terrace color palette (#D4E6C6, #009B61, #006E65, #00484E, #1C294C)
- Patina Corridor color palette (#EAE2C2, #9FB000, #238A0A, #006447, #004D4C)
- Muted Teal Field color palette (#D4FFFC, #00C9B9, #00797D, #004446, #002A29)
- Soft Plum color palette (#D9FDFF, #2BBD90, #BD3954, #006D50, #6A1529)
- Olive Thicket color palette (#CFFBE4, #84AA66, #746B00, #673F00, #0B402A)
- Linen Parlor color palette (#D7FFF5, #B5EAFF, #A6B2FF, #5D7E1A, #005058)
Browse the whole catalog at Explore, or see today's palette.