Tempered Teal color palette — #A0F4F1 · #00C8C4 · #008789 · #004C4F · #001B1C

A conversation between Aqua and Teal, giving this palette its sense of calm and balance.

The five colors

• Sea Foam (#A0F4F1): A whisper-light, balanced teal — the color of shallow lagoons.
• Aqua (#00C8C4): A luminous, balanced teal — the color of glacier melt.
• Teal (#008789): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004C4F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001B1C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Calm, Balance. Tagged monochrome, 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

• Sky Thicket color palette (#C7EEFF, #1EBFEC, #0082A5, #004D6A, #001B24)
• Gentle Canyon color palette (#C0F6DB, #47CB8A, #008E6C, #005333, #001E11)
• Antique Balcony color palette (#D7FEFF, #00D8DB, #008F91, #003E3F, #000707)
• Washed Aqua Terrace color palette (#90F4F8, #00D6D6, #00ABA7, #006F6A, #00191A)
• Turquoise Meadow color palette (#C7E5F0, #00AECC, #006B7E, #003D49, #000C10)
• Byzantium Villa color palette (#E0F0E7, #00B5E5, #A13FB4, #006E8C, #1A060B)
• Washed Blush color palette (#FFE7D0, #FF7998, #00B4BE, #002E31, #08150A)
• Powdered Market color palette (#E6F9E0, #92DCF3, #86B8FF, #448742, #233923)

Browse the whole catalog at Explore, or see today's palette.