Tempered Pine Garden color palette — #E6E7C5 · #80B94B · #008836 · #005C52 · #0D3F56
A conversation between Olive Leaf and Clover, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E6E7C5): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#80B94B): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#008836): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#0D3F56): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Pine 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
- Clover Basin color palette (#D1EAA8, #5EBA61, #00806C, #006061, #00495F)
- Tempered Clover color palette (#E5EEDE, #48B950, #008848, #005744, #002E27)
- Mustard Canyon color palette (#FFE5C2, #BEA216, #627E00, #006320, #00513A)
- Frosted Emerald color palette (#DAE3C2, #5C9A45, #007359, #004441, #0E2940)
- Lime Lantern color palette (#E3E686, #80DC00, #00BC6D, #009181, #004951)
- Lagoon Alley color palette (#BCF4EE, #68BA9F, #008A8C, #006379, #24456B)
- Bronze Garden color palette (#DBF7E2, #99A372, #826500, #713700, #1D3E20)
- Olive Basin color palette (#DBFDFE, #C9DCFB, #92AFF7, #7B7D00, #05544A)
Browse the whole catalog at Explore, or see today's palette.