Tempered Garden color palette — #F7F1E7 · #BEB488 · #628047 · #485E1C · #2C2715
Built around Olive, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F1E7): a clean, paper-quiet neutral.
- Sage (#BEB488): A luminous, dusty green — the color of new leaves after rain.
- Fern (#628047): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#485E1C): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#2C2715): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, 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
- Weathered Bloom color palette (#F2F3E7, #8EC1A6, #228676, #425C4A, #242A18)
- Aged Pine color palette (#F7F1E4, #9AA677, #457234, #1E4B68, #201C05)
- Stone Chapel color palette (#EBFAEF, #C4CB89, #7F9969, #54797A, #2F493F)
- Tempered Quarry color palette (#F1EBDA, #5B7125, #094305, #00251D, #020300)
- Washed Crimson color palette (#FDEBFF, #5491D1, #C85168, #54772F, #271829)
- Patina Cerulean color palette (#F6F1EA, #BBE8D8, #6690C5, #006A7C, #3B2236)
- Hushed Mallow Pier color palette (#FAEDFB, #DBCED7, #D5B0F3, #598CA5, #3D2A3A)
- Amber Studio color palette (#E1F8F0, #68ABE0, #C37B11, #016AA5, #3A2100)
Browse the whole catalog at Explore, or see today's palette.