Tempered Teal color palette — #FFF4E2 · #40AAA6 · #267394 · #72384B · #2A4431

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Turquoise (#40AAA6): A luminous, balanced teal — the color of glacier melt.
• Slate (#267394): A full-bodied, balanced blue — the color of deep harbor water.
• Oxblood (#72384B): A full-bodied, balanced red — the color of a theater curtain.
• Forest (#2A4431): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, 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

• Frosted Canyon color palette (#EBFAEC, #009CA0, #625997, #742F31, #393B0B)
• Ancient Studio color palette (#FFF4E2, #6FA86B, #1F796E, #5D3F6D, #3C3E37)
• Chestnut Dune color palette (#FEF4E4, #70B2CB, #5F77A6, #834725, #364E45)
• Worn Chapel color palette (#FFEEE3, #6EAC89, #0074A1, #723002, #172813)
• Weathered Hollow color palette (#F9F4EC, #C2E6DA, #6D8CB9, #006E83, #5A3D53)
• Chestnut Quarry color palette (#FFF0F8, #85C19A, #2E91BC, #994A12, #11454D)
• Tempered Study color palette (#FEE1A5, #008CA1, #00529A, #6F0011, #002E3E)
• Feathered Terrace color palette (#E7FBEC, #92F0D3, #58D2DD, #4892C7, #054653)

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