Tempered Courtyard color palette — #F9EED4 · #978700 · #4E6400 · #004A4A · #32302A
Built around Olive Leaf, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F9EED4): A whisper-light, dusty gold — the color of old brass.
- Olive Leaf (#978700): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#4E6400): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004A4A): A deep, shadowed, dusty teal — the color of sea glass.
- Espresso (#32302A): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged retro, 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
- Wandering Olive color palette (#F8F2DE, #807B00, #00643F, #00424D, #402400)
- Moss Studio color palette (#FDF5DB, #8CA34A, #477746, #0D5766, #3E3E36)
- Pale Amber color palette (#FAE6C8, #A5861E, #44671B, #1C3767, #1F1700)
- Dusty Amber color palette (#FDECD4, #C66A05, #775300, #034E22, #352F2A)
- Emerald Garden color palette (#F5EFD2, #269F41, #006B51, #014568, #2F312B)
- Soft Field color palette (#DDF6E1, #BB9F4C, #5D862F, #33548D, #0E3928)
- Mustard Villa color palette (#FCF5E0, #EFB708, #B8A700, #60822F, #313205)
- Weathered Olive color palette (#E5E0D3, #686B00, #244700, #002A2E, #131900)
Browse the whole catalog at Explore, or see today's palette.