Tempered Courtyard color palette — #F6F2DF · #728000 · #005693 · #68172F · #471100
Built around Olive Leaf, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Cream (#F6F2DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#728000): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#005693): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#68172F): A deep, shadowed, balanced red — the color of late-summer berries.
- Espresso (#471100): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Garnet Loft color palette (#FBF0E1, #9B6E00, #005F6C, #68034F, #4D170D)
- Nightshade Studio color palette (#F1F4E1, #358C36, #4244A8, #5E2900, #322300)
- Faded Coast color palette (#EFEBD7, #545E00, #003864, #420008, #240800)
- Emerald Delta color palette (#F0F5DB, #00B34B, #008285, #145383, #342B00)
- Antique Mulberry color palette (#D3E7DA, #00758A, #81004C, #412700, #222100)
- Faded Emerald color palette (#DCF3F0, #109526, #006263, #00355F, #171400)
- Worn Lantern color palette (#FAF5E8, #8FA470, #217442, #544B22, #36362F)
- Weathered Basalt Station color palette (#E6DEC2, #A3AA89, #3D7F83, #714B42, #543A00)
Browse the whole catalog at Explore, or see today's palette.