Tempered Aqua color palette — #E9F6ED · #53C5DB · #CE8777 · #237E8F · #362F2C

A conversation between Cyan and Dusty Rose, giving this palette its sense of trust and stability.

The five colors

• Cream (#E9F6ED): bright and airy, almost weightless.
• Cyan (#53C5DB): A luminous, balanced blue — the color of deep harbor water.
• Dusty Rose (#CE8777): A luminous, balanced orange — the color of autumn markets.
• Teal (#237E8F): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#362F2C): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Aqua 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

• Dusty Petrol color palette (#E9F8FF, #7ABCCB, #C0897E, #008095, #604259)
• Hushed Lantern color palette (#F9EEF8, #93B4ED, #BD9458, #5371A7, #35302A)
• Softworn Lantern color palette (#EEF5E6, #75C7A4, #C386AB, #398165, #472628)
• Washed Turquoise Study color palette (#E0F9EA, #2EACCD, #AE7A9D, #81794A, #182D21)
• Softworn Sky color palette (#CEFFEB, #2AB4F4, #B05900, #00638B, #361700)
• Dusty Cerulean Alley color palette (#EAF8FF, #85D1E7, #C2A3D3, #379AB3, #4B4869)
• Hushed Petal Harbor color palette (#E1F9EB, #B5E9EE, #DAC8F2, #7D947F, #2E3D36)
• Shell Lagoon color palette (#E8FAEF, #C9E3FF, #FFB6AD, #5BA6BB, #4C4441)

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