Tempered Teal color palette — #E4FBF4 · #60B790 · #00797B · #48572B · #024445
Jade takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E4FBF4): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#60B790): A luminous, balanced teal — the color of glacier melt.
- Teal (#00797B): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#48572B): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Teal (#024445): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Muted Hollow color palette (#EEF8F0, #89BCAC, #488260, #3A5F71, #2F4841)
- Quiet Forest color palette (#F1F5DD, #70B997, #007C6E, #215A20, #002819)
- Faded Emerald color palette (#D9F2E6, #5FA561, #006A5B, #00486C, #123714)
- Tempered Fern Delta color palette (#FFF1F6, #A29D6D, #4B6E3C, #205260, #1C3D2D)
- Pine Station color palette (#E9FBEA, #A1A96B, #227D3C, #6A4A11, #3A3F06)
- Powdered Teal color palette (#DFF5EB, #00BAB3, #0084A0, #00537C, #263B77)
- Hushed Bronze Alley color palette (#D5F0FF, #008EAD, #A55E00, #6D5900, #003744)
- Teal Courtyard color palette (#F9F7DD, #93E2BB, #00BCBE, #7E9159, #393C35)
Browse the whole catalog at Explore, or see today's palette.