Tempered Teal color palette — #F1F7F0 · #43AB9F · #277A9D · #474E84 · #5A373E

Turquoise takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Turquoise (#43AB9F): A luminous, balanced teal — the color of glacier melt.
• Slate (#277A9D): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#474E84): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5A373E): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, cool.

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 Corridor color palette (#F5F6EB, #7CA56E, #008277, #005B7C, #53394A)
• Petrol Chapel color palette (#EBF9F3, #689FC3, #6968A7, #6F406C, #5B382E)
• Softworn Jade color palette (#F1F3E7, #6DAF6A, #686D9E, #683B55, #3B1F11)
• Ancient Turquoise Courtyard color palette (#F5F6EF, #C7E7DE, #4AA9B2, #347D71, #44584B)
• Ancient Ash Dune color palette (#ECFAE5, #BBCFBB, #7A9C85, #7C6574, #5A4847)
• Hushed Hollow color palette (#E8FAF6, #95C079, #6E8FB7, #885A63, #4D3B51)
• Muted Pier color palette (#E7FAF3, #2392CC, #6253A9, #6B2E59, #004140)
• Dusty Study color palette (#E6F8DC, #77CABD, #009591, #0D6E71, #405745)

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