Tempered Teal color palette — #F8F5EF · #CEE4E0 · #97D1E4 · #59B5A4 · #325246
Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#CEE4E0): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#97D1E4): A whisper-light, dusty blue — the color of deep harbor water.
- Turquoise (#59B5A4): A luminous, balanced teal — the color of sea glass.
- Charcoal Brown (#325246): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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
- Antique Turquoise color palette (#F8F5EF, #C5DEEB, #A1CCF5, #4DB3C1, #614A5F)
- Wandering Lagoon color palette (#FBF3F1, #C3E0E7, #8FBDAA, #5A9573, #634860)
- Ash Delta color palette (#EDF4EE, #CEDFF5, #6AA6BA, #41747C, #273845)
- Muted Cobalt Corridor color palette (#F5EEE3, #62ADC0, #007FAA, #005D5A, #000A17)
- Turquoise Canyon color palette (#FFF1F2, #E6B6D9, #CDBE81, #4AC0DB, #553A3C)
- Sky Thicket color palette (#FBF4E9, #C1ECFF, #67BFFF, #00A4AD, #143E77)
- Aged Fuchsia Boulevard color palette (#FFF1F3, #EDC6E9, #A6D6A3, #D787D2, #4D4E47)
- Cerulean Courtyard color palette (#E8E0D4, #A9CAAC, #00A3BE, #007F69, #002331)
Browse the whole catalog at Explore, or see today's palette.