Tempered Teal color palette — #F9F5E5 · #B4D4AE · #6DB095 · #A2786E · #35362F
Jade and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F5E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B4D4AE): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#6DB095): A luminous, dusty teal — the color of shallow lagoons.
- Mocha (#A2786E): A luminous, dusty orange — the color of sun-warmed clay.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Teal 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
- Washed Jade Dune color palette (#FBF6DE, #AADFA6, #30BF96, #888E54, #3A3B34)
- Fern Drift color palette (#F6F6E9, #CCDCB5, #70BCB5, #A88879, #374A01)
- Hushed Teal Garden color palette (#E7E6D3, #96C8A5, #32A593, #6A7D47, #08321A)
- Moss Alley color palette (#FDE8C9, #C3C772, #6CAA4F, #9E7204, #303000)
- Gentle Lilac color palette (#E8E7C3, #94BE67, #B68FE6, #C47394, #2F2D08)
- Ancient Jade color palette (#E2E0C8, #6EBB86, #009380, #924C4A, #00220D)
- Hushed Balcony color palette (#FDF3EA, #C4EADE, #96B1EA, #229DAA, #4F2E42)
- Powder Balcony color palette (#F8F7DD, #AEF4F6, #8FD5FE, #C1A668, #40413A)
Browse the whole catalog at Explore, or see today's palette.