Tempered Teal color palette — #D7FEFE · #A9E4CB · #54B790 · #3E7858 · #124042
A conversation between Jade and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#D7FEFE): A whisper-light, dusty teal — the color of glacier melt.
- Mint (#A9E4CB): A whisper-light, dusty teal — the color of sea glass.
- Jade (#54B790): A luminous, balanced teal — the color of sea glass.
- Teal (#3E7858): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#124042): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Sophistication. 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
- Tempered Turquoise Field color palette (#E8F8FF, #96E2EC, #37B1BD, #257785, #103B4C)
- Ancient Teal color palette (#AAF8F5, #00C4C1, #008382, #004A4B, #001817)
- Hushed Moss Quarry color palette (#E1FDF0, #D2DFAA, #94A44F, #6E6D32, #1B4133)
- Teal Basin color palette (#EFFBDB, #C2EDED, #7FBFA3, #3E7659, #222C06)
- Ancient Seafoam color palette (#EEFBDA, #92E0B6, #4E9171, #305F47, #3A3D36)
- Muted Delta color palette (#E5FAFB, #61C09A, #D58176, #8D7846, #2A4243)
- Hushed Lilac color palette (#EFF7F9, #8CE4DC, #B483D6, #12A199, #2D2C3A)
- Ancient Cabin color palette (#E5FAF8, #CDDFED, #B8ACB9, #85AE9C, #405455)
Browse the whole catalog at Explore, or see today's palette.