Tempered Teal color palette — #C8E7D8 · #00AAA7 · #007189 · #00496E · #161D3E
Built around Turquoise, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Celadon Mist (#C8E7D8): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#00AAA7): A luminous, balanced teal — the color of sea glass.
- Teal (#007189): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00496E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#161D3E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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 Turquoise Workshop color palette (#D5F6F8, #00A7B6, #007D90, #005367, #003B51)
- Hushed Lagoon color palette (#D9E6D5, #00B96E, #007E76, #00484F, #002839)
- Washed Studio color palette (#C0EAE9, #00A9D4, #136CC0, #383B7B, #24183B)
- Muted Aqua Balcony color palette (#D2FFF9, #00D4DE, #009BB9, #006686, #002D47)
- Cypress Basin color palette (#C8ECE4, #007E86, #00546D, #00264A, #09002D)
- Quiet Rust color palette (#D6EDFA, #00A1C3, #BB5D31, #005F74, #340F00)
- Tempered Sky color palette (#E2F5FF, #36B2FB, #006BA1, #003A50, #000E19)
- Tempered Sky color palette (#E4F5FF, #76B8EC, #7B84C6, #605981, #38324A)
Browse the whole catalog at Explore, or see today's palette.