Tempered Teal color palette — #FAF1FF · #DB9AB0 · #12B0A1 · #A05872 · #28555D

Built around Turquoise, softened by Mocha — the whole palette hums with balance.

The five colors

• Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
• Rosewood Mist (#DB9AB0): A luminous, balanced rose — the color of pressed rose petals.
• Turquoise (#12B0A1): A luminous, balanced teal — the color of glacier melt.
• Mocha (#A05872): A full-bodied, balanced rose — the color of a warm blush.
• Peacock (#28555D): A full-bodied, dusty blue — the color of open sky before noon.

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

• Tempered Teal color palette (#FEF1F8, #DF9F81, #2BACB1, #A45D3A, #32535D)
• Antique Blush color palette (#FFEDEA, #E998AF, #61AD99, #975E6F, #293521)
• Shell Alley color palette (#FBF1FF, #F5ACC1, #72C3B3, #B47989, #27555C)
• Worn Jade color palette (#F3F4FF, #B4A6D9, #6BA97A, #7866A2, #2C5553)
• Hushed Boulevard color palette (#F9F2FF, #C0839E, #1F9AA8, #3F789B, #473E4E)
• Bronze Cabin color palette (#FFF1F5, #A0C1AC, #A0774B, #71526A, #364D46)
• Frosted Cobalt Archive color palette (#EAFBEA, #CB943F, #0093D4, #895B00, #25465F)
• Aged Ember Hollow color palette (#FFF0FB, #F45745, #009192, #AE0A01, #004444)

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