Tempered Garden color palette — #F0E3CF · #8E914B · #396128 · #3C3567 · #322800
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F0E3CF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#8E914B): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#396128): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#3C3567): A deep, shadowed, balanced violet — the color of wild irises.
- Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Garden 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
- Lagoon Coast color palette (#E7E6D0, #529E74, #00635A, #562D4B, #242D09)
- Weathered Pine color palette (#FBF4E9, #94A36A, #397140, #643D4D, #37362F)
- Tempered Workshop color palette (#DBE9E1, #919251, #4F5C00, #631C21, #00170E)
- Weathered Pine Villa color palette (#EDEBD2, #287E4D, #004139, #3B0736, #001507)
- Tempered Ridge color palette (#F8F5E9, #AFB48D, #45816C, #714F56, #424700)
- Mulberry Study color palette (#FFECE3, #E7BE8D, #9A9A5A, #904663, #4F2B0D)
- Moss Orchard color palette (#DCE8DE, #BDBF78, #6DA152, #746BA5, #023122)
- Ancient Petrol Delta color palette (#F8EBE6, #7FBDC5, #007295, #00523E, #002F56)
Browse the whole catalog at Explore, or see today's palette.