Tempered Garden color palette — #DDEDDE · #9B9B5B · #825B00 · #64361F · #123732
A conversation between Ochre and Moss, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DDEDDE): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#9B9B5B): A luminous, balanced green — the color of new leaves after rain.
- Ochre (#825B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Cocoa (#64361F): A deep, shadowed, dusty orange — the color of autumn markets.
- Deep Forest (#123732): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Moss Lagoon color palette (#CDEBD9, #789251, #635500, #512D00, #002B2A)
- Dusty Terracotta Alley color palette (#F7E0EE, #B68E60, #984A2B, #66313C, #183827)
- Mustard Drift color palette (#DCEDDE, #C0AF59, #9A7B3C, #735334, #15382C)
- Wandering Bronze Pier color palette (#E6FBF0, #81B3A8, #7B7531, #6D491B, #2A4242)
- Patina Driftwood Corridor color palette (#FFF1F5, #A0C1AC, #9F774E, #71526A, #384D46)
- Pale Brick color palette (#DBF5EE, #538000, #AA2C2F, #324F00, #042E26)
- Wandering Bronze Market color palette (#FFE2F3, #8E5B00, #612100, #3B0013, #0E0B00)
- Lowlit Fern Study color palette (#D1E6D1, #625C00, #3C2700, #230700, #000503)
Browse the whole catalog at Explore, or see today's palette.