Tempered Garden color palette — #FFF3E8 · #965000 · #505200 · #003E4D · #361414
A conversation between Ochre and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Ochre (#965000): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#505200): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#003E4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#361414): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Linen Atelier color palette (#FFF2DF, #7B5600, #004A3C, #22008E, #2B0C00)
- Mulberry Loft color palette (#FFF2EF, #9B415D, #6B4100, #00423A, #2F0D1B)
- Patina Navy color palette (#F8EDDA, #BA6C70, #7A5100, #0C3D80, #4C2316)
- Gentle Cabin color palette (#FEEDEC, #A35D7F, #545900, #003F5D, #481339)
- Bronze Study color palette (#E5F7E8, #8B6500, #006240, #004244, #010C19)
- Aubergine Alley color palette (#F1EFD7, #435A00, #00414F, #4B004D, #1C1100)
- Pale Navy Cabin color palette (#FFF3E9, #A3663F, #006F35, #124190, #382219)
- Chestnut Pier color palette (#FAE2E9, #D38B84, #985200, #543B00, #2E3200)
Browse the whole catalog at Explore, or see today's palette.