Tempered Teal color palette — #D9E5BA · #31BEB2 · #00848D · #00637F · #523952
Turquoise takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D9E5BA): A whisper-light, dusty green — the color of a quiet forest floor.
- Turquoise (#31BEB2): A luminous, balanced teal — the color of sea glass.
- Teal (#00848D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00637F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#523952): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged 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
- Aged Cobalt Drift color palette (#B1EFE9, #39BCD2, #0080B8, #37589C, #58374A)
- Patina Teal Canyon color palette (#D3F2EB, #00BAB9, #00858F, #005668, #103347)
- Weathered Ember color palette (#E8FAEF, #4BAEC9, #D55F5B, #007189, #48403D)
- Washed Lagoon Harbor color palette (#D9ECBF, #6DB77D, #00906E, #00666D, #244D3A)
- Navy Workshop color palette (#CFE7E0, #00AEB8, #006A8D, #004574, #2D2272)
- Hushed Workshop color palette (#B0F5E3, #24DBD7, #00A2B0, #157B94, #275240)
- Linen Bronze Archive color palette (#E5FCEA, #009AA9, #BD5C00, #7F5D00, #253F2C)
- Lagoon Alley color palette (#E8FBEC, #BFE9EE, #D2B2E2, #4C8362, #354F45)
Browse the whole catalog at Explore, or see today's palette.