Tempered Teal color palette — #D8FEFF · #A6E2FC · #5AB691 · #04714E · #002719
Jade takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#D8FEFF): A whisper-light, dusty teal — the color of sea glass.
- Powder Blue (#A6E2FC): A whisper-light, dusty blue — the color of deep harbor water.
- Jade (#5AB691): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#04714E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#002719): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, 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
- Aged Archive color palette (#E9F8FF, #CADFF0, #4BB1C4, #006672, #002329)
- Jade Meadow color palette (#89F7D8, #00B38F, #005C49, #001F18, #000201)
- Emerald Garden color palette (#D6FFFF, #A6EDD2, #6BC594, #259963, #003724)
- Powdered Fern Boulevard color palette (#DAFFF0, #E9F5B2, #9DA459, #545F07, #1B1D00)
- Pine Archive color palette (#E9F8D8, #76CEAD, #00895C, #004E39, #001F0E)
- Dusty Aqua color palette (#E7F9FF, #2BC9D4, #9496DB, #687B36, #0E2831)
- Tempered Market color palette (#E0FCFC, #C7DFED, #B6ACB2, #8CB891, #284C4F)
- Feathered Seafoam color palette (#D6FFF8, #00ECD6, #009488, #004D46, #000807)
Browse the whole catalog at Explore, or see today's palette.