Tempered Teal color palette — #F5F6EF · #CBE6DF · #8FD4DF · #62B2A9 · #44584C

A conversation between Turquoise and Ice Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#CBE6DF): A whisper-light, dusty teal — the color of sea glass.
• Ice Blue (#8FD4DF): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#62B2A9): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#44584C): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, 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

• Patina Lagoon color palette (#FAF2F8, #D3D5E4, #A9C8EF, #6B9F88, #3B5062)
• Weathered Cypress color palette (#F8F0ED, #C9E5DE, #7AA893, #4F765A, #432E43)
• Patina Delta color palette (#E3E5D7, #66BED7, #0090B9, #006C74, #001623)
• Weathered Mint color palette (#FDF4E0, #D8C87C, #74D4AB, #E49888, #45423B)
• Pale Sky Quarry color palette (#F4F7EA, #BEEDFF, #45C5FE, #00A3B6, #004468)
• Wandering Fern Lagoon color palette (#FCF5E2, #D8E6C5, #C9C9D9, #C9B68C, #5C4B00)
• Dusty Mustard Field color palette (#FEF4DC, #CDE7B8, #C8B865, #98894A, #3D3A34)
• Muted Mallow Alley color palette (#FDF4E8, #F7CE90, #F7ABDC, #C9A163, #674143)

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