Tempered Teal color palette — #FFF1F6 · #00ACB5 · #5C63A3 · #684524 · #2A404F

Turquoise and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Turquoise (#00ACB5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#5C63A3): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#684524): A full-bodied, dusty gold — the color of old brass.
• Deep Teal (#2A404F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Wandering Azure color palette (#DEFDF3, #47A1D6, #7D598E, #465429, #333E4F)
• Misty Delta color palette (#FDF0FF, #24B276, #267298, #6F3C46, #21434A)
• Lagoon Market color palette (#E3FAFF, #009D94, #924665, #574600, #1C412B)
• Azure Terrace color palette (#EDF5E2, #60A5CF, #496BA0, #62325E, #002A21)
• Dusty Cerulean Market color palette (#FCF1F9, #B4E5FB, #5891B9, #3C6E59, #3C485D)
• Cypress Studio color palette (#E9FAEF, #9CBA8E, #40826C, #465D6D, #2B4944)
• Hushed Driftwood color palette (#D5F6FF, #97B4CB, #8686A5, #526E5D, #3B5452)
• Seafoam Chapel color palette (#EBF7FF, #7EF8C9, #66B9F1, #9F75A7, #30425E)

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