Tempered Teal color palette — #FEF1F4 · #D9AFE0 · #42A5AA · #407299 · #301F28

A conversation between Turquoise and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FEF1F4): a clean, paper-quiet neutral.
• Lavender (#D9AFE0): A luminous, balanced pink — the color of peonies in June.
• Turquoise (#42A5AA): A luminous, balanced teal — the color of glacier melt.
• Slate (#407299): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#301F28): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Weathered Stone color palette (#FFF2EF, #EEA3B0, #6C94BE, #686493, #302021)
• Jade Delta color palette (#FDF1FA, #A4B2E8, #67A278, #367773, #172E26)
• Timeworn Lagoon color palette (#FCF4E9, #D9B77A, #94B07B, #4290B1, #47302F)
• Softworn Cocoa Station color palette (#FBF4EA, #E5C795, #8DA372, #3D7769, #5F2305)
• Patina Grove color palette (#F5F4FD, #A37BB9, #007B7C, #1F516E, #2C313D)
• Blush Villa color palette (#FFF2EF, #F1659A, #007CBD, #4434A8, #1F011E)
• Dusty Taupe color palette (#FBF4EF, #DCDAD2, #AAB9B8, #9DA483, #524C48)
• Worn Dune color palette (#FBEEF3, #B87A48, #50783E, #11587D, #221623)

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