Tempered Courtyard color palette — #F1EBDD · #817100 · #464300 · #151600 · #010100
Built around Walnut, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F1EBDD): a clean, paper-quiet neutral.
- Walnut (#817100): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#464300): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#151600): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. 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
- Gentle Bronze color palette (#F4E7DB, #9E7500, #616000, #344A00, #010C00)
- Inked Fern color palette (#F3E1C6, #604F00, #2E2B00, #101300, #000200)
- Ancient Olive Corridor color palette (#EBE7D3, #687200, #005F6F, #2A2F00, #000102)
- Worn Moss color palette (#DFEECE, #679700, #2F4800, #0A1716, #030800)
- Ancient Rust color palette (#ECDCD6, #B45200, #643300, #241100, #020100)
- Moss Market color palette (#E4EDDF, #2BAD1D, #008034, #004226, #000C06)
- Wandering Lagoon color palette (#E1F1E6, #00946A, #006851, #002820, #000201)
- Powdered Lime color palette (#EDF4B5, #A2C310, #618200, #315900, #042200)
Browse the whole catalog at Explore, or see today's palette.