Tempered Pine color palette — #D0F4EB · #7EBE77 · #008F47 · #006B52 · #0C3808
Kelly Green and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D0F4EB): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#7EBE77): A luminous, balanced green — the color of fresh herbs.
- Kelly Green (#008F47): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#006B52): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#0C3808): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Pine 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
- Emerald Meadow color palette (#EAF9F3, #A2C086, #519343, #247071, #1B3C35)
- Misty Lagoon color palette (#D6F4E2, #B1B240, #6E8200, #386922, #303000)
- Emerald Summit color palette (#E0FFE5, #B4D06F, #11955B, #006376, #1A2200)
- Moss Field color palette (#CDF7E0, #6BA600, #006C3F, #004D52, #22340C)
- Hushed Jade color palette (#F3ECCB, #99D378, #43AF6C, #008E83, #183700)
- Hushed Lagoon Workshop color palette (#CFF1EF, #24996E, #00614E, #003E53, #00140B)
- Hushed Cerulean color palette (#E6FAF6, #89DAE1, #009EB2, #00736D, #003947)
- Teal Harbor color palette (#EDF8F6, #AEDBD9, #68AC8C, #61848A, #3B5251)
Browse the whole catalog at Explore, or see today's palette.