Tempered Teal color palette — #F7F7E4 · #AED5B6 · #51B594 · #A47A56 · #323A00
A conversation between Jade and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F7E4): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#AED5B6): A whisper-light, dusty teal — the color of sea glass.
- Jade (#51B594): A luminous, balanced teal — the color of shallow lagoons.
- Mocha (#A47A56): A luminous, dusty gold — the color of old brass.
- Forest (#323A00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, 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
- Hushed Driftwood Market color palette (#FBF4E7, #C9CF9D, #8FAA76, #96823E, #37352F)
- Soft Teal Field color palette (#F5F7E4, #9CE0B8, #00C0A1, #6B975B, #18442E)
- Fern Delta color palette (#F7F5EB, #DFE0C2, #95C2A2, #A19B7A, #515100)
- Moss Chapel color palette (#F2EBD6, #AECE74, #3FB23D, #867E00, #253400)
- Patina Spruce Terrace color palette (#F7F6E8, #8EC2A9, #398F91, #835267, #2B3C00)
- Coral Cabin color palette (#E2E8CE, #70C481, #809FFF, #E46C5D, #292F0D)
- Washed Market color palette (#E0DFCF, #67966B, #007453, #395101, #000901)
- Washed Garden color palette (#E8EBD6, #6FB995, #009381, #895800, #002113)
Browse the whole catalog at Explore, or see today's palette.