Tempered Teal color palette — #F9F2FF · #D396B3 · #3BB0A6 · #677AA2 · #423949

Turquoise takes the lead with Mauve close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Mauve (#D396B3): A luminous, balanced rose — the color of strawberry cream.
• Turquoise (#3BB0A6): A luminous, balanced teal — the color of sea glass.
• Slate (#677AA2): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#423949): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication. Tagged 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

• Petrol Ridge color palette (#FDF1F9, #E59C8B, #609C72, #56659E, #463C5B)
• Washed Apricot color palette (#FFF1F5, #D79E5A, #5FAD96, #2E8898, #4A373D)
• Dusty Mallow Basin color palette (#FFF2F0, #F1ACC4, #8BBDE4, #719FC4, #4B3735)
• Shell Balcony color palette (#FFF2ED, #FDAB9F, #80BCB2, #5389AD, #551E00)
• Apricot Ridge color palette (#FFF1F7, #DE9968, #8899CF, #8270A0, #47383F)
• Taupe Veranda color palette (#FAF3F6, #CFD9DB, #A5A3B0, #B48686, #594F54)
• Hazy Summit color palette (#FEF0FF, #F74F74, #0094BB, #7F4AA3, #39213C)
• Weathered Coast color palette (#F9F3F8, #FFBEBB, #87A864, #BF7572, #22312E)

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