Tempered Teal color palette — #F8F5EF · #CFE4DE · #AAD2B5 · #60B599 · #355244
A conversation between Jade and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#CFE4DE): A whisper-light, dusty teal — the color of shallow lagoons.
- Pistachio (#AAD2B5): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#60B599): A luminous, balanced teal — the color of glacier melt.
- Charcoal Brown (#355244): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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
- Tempered Teal Lantern color palette (#F9F4EE, #C3E8E0, #6BCDE6, #00B195, #1C4E64)
- Muted Lagoon color palette (#FBF3F1, #CFE7E0, #91BDA7, #5F956A, #604A61)
- Muted Atelier color palette (#E7E1D9, #6AADB5, #00819E, #005E53, #000B14)
- Softworn Turquoise color palette (#F8F5EF, #CEE5E6, #D9BBDC, #4FB2C5, #64485F)
- Weathered Ash Ridge color palette (#EDF4EE, #CBDFF3, #69A8B3, #457478, #203A48)
- Wisteria Studio color palette (#FFF1F4, #E7C8EF, #B0D39F, #C791D5, #3D5531)
- Washed Villa color palette (#F9F5EA, #DDDAC3, #C2B58F, #A4905E, #4B4B00)
- Ancient Balcony color palette (#FFF1F3, #E4B5E4, #D9B974, #39C3D2, #55393E)
Browse the whole catalog at Explore, or see today's palette.