Tempered Teal color palette — #F1F7F2 · #CEE1FA · #8EC7DC · #58A99C · #2A4B64

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Powder Blue (#CEE1FA): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#8EC7DC): A luminous, dusty blue — the color of deep harbor water.
• Turquoise (#58A99C): A luminous, balanced teal — the color of sea glass.
• Navy (#2A4B64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Lagoon color palette (#FCF3EF, #C3E0E8, #7EC4EF, #3C956C, #4F354B)
• Apricot Station color palette (#F1F5FF, #AEB8FF, #F6987B, #6BB88D, #2D3751)
• Worn Pier color palette (#F0F5FF, #DFD6E3, #96BBE6, #B9AFA7, #4B4F65)
• Weathered Atelier color palette (#E8F2E9, #AEDBF0, #41B2DE, #00928A, #00314F)
• Tempered Petrol Atelier color palette (#E0ECE2, #66AFAB, #008490, #006045, #000B10)
• Wandering Periwinkle color palette (#D8EEFF, #A9D4FF, #87ACF3, #767EC3, #48436C)
• Cerulean Cabin color palette (#F6F1EA, #C9E4CF, #389BB9, #136D62, #0C3428)
• Hazy Azure color palette (#E6F0E8, #91C8E9, #4896E2, #007B8A, #07184F)

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