Tempered Teal color palette — #FAF3F5 · #D9D4DE · #CABBE5 · #44A3A2 · #474A69

Built around Turquoise, softened by Lavender — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#D9D4DE): a clean, paper-quiet neutral.
• Lavender (#CABBE5): A luminous, dusty violet — the color of wild irises.
• Turquoise (#44A3A2): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#474A69): A full-bodied, dusty violet — the color of wild irises.

Feels like: 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

• Softworn Turquoise Lantern color palette (#E7F9FF, #BAE6FF, #F6B5D5, #1EAEB7, #5F384C)
• Muted Market color palette (#E5DEE6, #6CB0AD, #005E74, #002E06, #000104)
• Ash Hollow color palette (#EDF4EE, #D7DBEF, #809EC8, #4D7182, #2D3647)
• Dusty Stone color palette (#E8F9FC, #D7DCE7, #A8CEA4, #B8ACA9, #3F545E)
• Airy Sky color palette (#FBF2FA, #CED8EF, #2BBDF9, #008D52, #123269)
• Dusty Lagoon color palette (#D8FFF4, #A9EBE2, #68C3AE, #008990, #315369)
• Hushed Cypress color palette (#E6F9FF, #D0DBE7, #6EC9CA, #007A7E, #002E34)
• Cobalt Loft color palette (#FEF1F7, #A5D2F0, #5175CF, #00524E, #11002C)

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