Tempered Teal color palette — #E4F6F9 · #2FA99F · #B0705B · #745930 · #14262A
A conversation between Turquoise and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#E4F6F9): a clean, paper-quiet neutral.
- Turquoise (#2FA99F): A luminous, balanced teal — the color of shallow lagoons.
- Mocha (#B0705B): A luminous, balanced orange — the color of autumn markets.
- Coffee (#745930): A full-bodied, dusty gold — the color of honey in a jar.
- Onyx (#14262A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Optimism, 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
- Aged Terrace color palette (#E4F6F8, #00AD8F, #A67181, #6A5573, #162628)
- Azure Loft color palette (#E9F3FF, #5F98D9, #967F53, #6F5B33, #1A242F)
- Wandering Cerulean color palette (#EAF9F2, #4A9BBC, #A66C78, #834C58, #2E4339)
- Gentle Bronze Atelier color palette (#E4F5FF, #0089AB, #995A00, #6A3D00, #001623)
- Turquoise Orchard color palette (#ECF9EF, #5DBBC9, #C18997, #98714E, #314235)
- Hushed Cerulean Archive color palette (#EAF3FE, #438DBE, #87536E, #683930, #092122)
- Washed Sky Quarry color palette (#E4F8E9, #5CB7E2, #7670A9, #395B44, #212D3A)
- Ancient Aqua color palette (#EBF9F1, #5BD5F7, #B8A1DC, #82837A, #27362D)
Browse the whole catalog at Explore, or see today's palette.