Tempered Teal color palette — #EFF7F9 · #D6DBE3 · #BBB4C8 · #6CBBB9 · #3E4A4D

Built around Mint Leaf, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D6DBE3): a clean, paper-quiet neutral.
• Ash (#BBB4C8): A luminous, dusty violet — the color of twilight just after sunset.
• Mint Leaf (#6CBBB9): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#3E4A4D): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. 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

• Powder Hollow color palette (#E9F8FF, #C2DDF4, #A5B7DA, #9D889A, #644451)
• Tempered Periwinkle color palette (#EEF6FF, #D9D7E6, #BEA4A9, #57AAF5, #36414C)
• Lagoon Field color palette (#EEF4EE, #CED9D7, #B0BFBE, #2E8384, #272E27)
• Turquoise Pier color palette (#D4E8F4, #00BCE6, #5A738A, #394D58, #121A1C)
• Dusty Glacier color palette (#E9F8FF, #B6FFED, #80EBFF, #9BC6FF, #1A4256)
• Mint Veranda color palette (#EBF9F2, #CADDAC, #86BC82, #659AA1, #2C4941)
• Gentle Periwinkle color palette (#EAFAED, #5BDDE4, #54AEE8, #B76573, #224250)
• Tempered Atelier color palette (#EBF8FD, #51D2E3, #A68BF2, #B95C5D, #3C3A00)

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