Tempered Pine color palette — #D7FEFC · #AAE1DE · #75B289 · #387D53 · #1B4528
Teal and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#D7FEFC): A whisper-light, dusty teal — the color of glacier melt.
- Sea Foam (#AAE1DE): A whisper-light, dusty teal — the color of sea glass.
- Jade (#75B289): A luminous, balanced teal — the color of glacier melt.
- Teal (#387D53): A full-bodied, balanced teal — the color of sea glass.
- Forest (#1B4528): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged monochrome, 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
- Cypress Cabin color palette (#E6F9FF, #AEE3F3, #55AAAD, #007C80, #003E3E)
- Softworn Teal color palette (#B3F8EA, #48C5B4, #008777, #004B46, #001A18)
- Timeworn Mint color palette (#F1FAD8, #BDEDE1, #90C897, #507858, #252B0E)
- Tempered Studio color palette (#D8FEFC, #A5D4B3, #53975E, #1F5938, #0B3C3B)
- Olive Summit color palette (#DFFEEC, #E3DBAD, #A29F5E, #746A16, #3E370C)
- Hushed Turquoise color palette (#D7E8EA, #00AEBD, #00757E, #00383D, #00090C)
- Patina Taupe color palette (#E8FAF8, #CBE1ED, #B8B0BD, #A0AF78, #395555)
- Timeworn Garden color palette (#D4E3DB, #008D5D, #00573C, #001E10, #000201)
Browse the whole catalog at Explore, or see today's palette.