Tempered Coast color palette — #E3F4F1 · #37B3C9 · #00728A · #004A4C · #001721

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

The five colors

• Cream (#E3F4F1): bright and airy, almost weightless.
• Cyan (#37B3C9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00728A): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001721): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Tempered Cobalt color palette (#DDEEED, #57BFEB, #007DB3, #005766, #00213A)
• Petrol Lagoon color palette (#F5EBF2, #79C4D2, #006EA2, #00402A, #000015)
• Muted Denim Meadow color palette (#DAEEEE, #6698C1, #0058A5, #00384E, #000624)
• Hushed Cerulean color palette (#DEF4F0, #8DD2DA, #0096AE, #006C6A, #003442)
• Olive Courtyard color palette (#C8E8F7, #008699, #656D00, #004E5A, #0F1100)
• Ancient Turquoise color palette (#EBF9F6, #94EDED, #00B0BD, #008476, #004854)
• Grape Field color palette (#CAE5F2, #007092, #6B06D8, #00593B, #00090F)
• Weathered Bronze color palette (#DBEBDB, #A07500, #704A00, #482700, #100A00)

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