Tempered Teal color palette — #E3F6F7 · #57A784 · #A5708D · #7C4D67 · #132727
Built around Jade, softened by Dusty Rose — the whole palette hums with sophistication.
The five colors
- Ivory (#E3F6F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Jade (#57A784): A luminous, balanced teal — the color of shallow lagoons.
- Dusty Rose (#A5708D): A luminous, dusty rose — the color of strawberry cream.
- Graphite (#7C4D67): A full-bodied, dusty rose — the color of strawberry cream.
- Onyx (#132727): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Sophistication. Tagged 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
- Wandering Meadow color palette (#E8F5F0, #939C55, #877AA6, #62577D, #142720)
- Timeworn Cocoa color palette (#E6F5F6, #6DAB96, #786798, #694312, #052F1F)
- Weathered Mulberry Field color palette (#ECF9EF, #A48D58, #9C6D95, #8F425B, #2F4334)
- Cerulean Courtyard color palette (#FFECF6, #7AB9B2, #517DA2, #68455A, #193039)
- Linen Meadow color palette (#D9F9FC, #009173, #AE4145, #812400, #001912)
- Bronze Drift color palette (#F4F6EC, #88B991, #A192C0, #A7665E, #3A4200)
- Plum Workshop color palette (#ECF2FF, #7481C3, #A35A78, #6F4900, #11192C)
- Tempered Pine Archive color palette (#EBF4F4, #A0D1B3, #767FB0, #3D825D, #101621)
Browse the whole catalog at Explore, or see today's palette.