Tempered Teal color palette — #D8E6DD · #00C7BB · #009FB7 · #006E94 · #102A61
A conversation between Aqua and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Parchment (#D8E6DD): bright and airy, almost weightless.
- Aqua (#00C7BB): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#009FB7): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006E94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#102A61): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: 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
- Patina Basin color palette (#C7E6E2, #00B2B6, #008394, #00566C, #002F45)
- Jade Ridge color palette (#E6F6D9, #53C287, #00A189, #007B7F, #003341)
- Soft Denim Harbor color palette (#C0EBE4, #00A9B4, #0089B6, #004FA7, #1B0A57)
- Patina Azure color palette (#CDECFF, #67CBFC, #00A4CE, #006E9D, #001723)
- Sapphire Grove color palette (#C0EAE6, #00BFD9, #0099E9, #3B56E7, #2E1A54)
- Ancient Canyon color palette (#CFE4D4, #00C5D9, #F77712, #0093A2, #451B00)
- Teal Harbor color palette (#DEF5E7, #F6D3F1, #E5B6FA, #00AF93, #003B55)
- Powdered Grape color palette (#CBF1F3, #0091C5, #006CB5, #4900D3, #1A0037)
Browse the whole catalog at Explore, or see today's palette.