Tempered Teal color palette — #ECF5E8 · #4BB0A0 · #2E7B9B · #424873 · #2B2809
A conversation between Turquoise and Slate, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF5E8): a clean, paper-quiet neutral.
- Turquoise (#4BB0A0): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#2E7B9B): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#424873): A full-bodied, dusty violet — the color of twilight just after sunset.
- Onyx (#2B2809): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged 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
- Timeworn Ridge color palette (#F2F3E6, #73AE63, #24817A, #285169, #342405)
- Patina Turquoise color palette (#E7F6ED, #3FABC8, #5D719C, #663E4B, #222C09)
- Aubergine Bloom color palette (#E5F8E5, #009597, #006097, #3F207A, #011F02)
- Quiet Boulevard color palette (#D9F9D3, #59C7C4, #279AA1, #1D6A73, #233E2D)
- Taupe Harbor color palette (#F2F3EA, #BDEBE1, #81A78E, #5A7357, #263C30)
- Lagoon Studio color palette (#E8F1E3, #00997E, #31402F, #1B2018, #0B0D08)
- Ancient Navy color palette (#D3E6D8, #007987, #004195, #3A005A, #000F06)
- Patina Cocoa color palette (#FCF4E8, #C5AF7C, #6292B9, #8D5A48, #623600)
Browse the whole catalog at Explore, or see today's palette.