Tempered Teal color palette — #F2F7EF · #CFDDD8 · #9BAFBE · #00BFA3 · #394334

A conversation between Turquoise and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#F2F7EF): a clean, paper-quiet neutral.
• Silver (#CFDDD8): bright and airy, almost weightless.
• Ash (#9BAFBE): A luminous, dusty blue — the color of deep harbor water.
• Turquoise (#00BFA3): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#394334): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Teal Field color palette (#EBF0EA, #C8D7D3, #A4C0BC, #00A89F, #243222)
• Lime Chapel color palette (#F6F6EB, #D3DCD3, #93BFC8, #83B740, #464200)
• Antique Turquoise Boulevard color palette (#D5F0D9, #00B6C3, #2D7182, #2A4A31, #0B140B)
• Dusty Indigo Veranda color palette (#F4F9D8, #00DBDC, #00AFD0, #7963D8, #003E42)
• Cypress Coast color palette (#E4F6F8, #C7D9E9, #A9C5CE, #007D6B, #19282A)
• Quiet Canyon color palette (#E5FDE5, #57FFE2, #8ED9FF, #00C9F0, #004147)
• Patina Coast color palette (#EEF8F4, #EFD6DF, #E6B7C3, #0BA0F3, #0F3B31)
• Peony Studio color palette (#D1ECFF, #DFBEDD, #A1AADF, #B96D9E, #693F4D)

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