Tempered Pine color palette — #E2FCF8 · #75B38B · #007D59 · #005A6F · #0D4627
Teal takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E2FCF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#75B38B): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007D59): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005A6F): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#0D4627): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, 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
- Hushed Pewter Thicket color palette (#EDF9F1, #8FBBA5, #727844, #7B4A4C, #2F493C)
- Forest Courtyard color palette (#D3EAE9, #619982, #006353, #00445E, #003222)
- Pine Loft color palette (#E3F8EC, #8FB570, #00804E, #593D75, #152603)
- Faded Emerald color palette (#FAF5E6, #A5C78A, #00A062, #765B92, #2E411C)
- Seafoam Courtyard color palette (#F6F8DD, #87E897, #53BD86, #5B92A0, #3A3B34)
- Washed Fern Drift color palette (#D6F3E8, #7D9F4C, #2B6B00, #752400, #233500)
- Washed Cerulean color palette (#EAF9F7, #A0D8EA, #008CB5, #00656E, #004564)
- Misty Alley color palette (#E0F4E7, #807D35, #424A00, #5B011C, #1D1C00)
Browse the whole catalog at Explore, or see today's palette.