Tempered Teal color palette — #FFF1F5 · #CFA780 · #65A98B · #93683B · #235658

Jade takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Camel (#CFA780): A luminous, dusty gold — the color of old brass.
• Jade (#65A98B): A luminous, balanced teal — the color of shallow lagoons.
• Walnut (#93683B): A full-bodied, balanced gold — the color of old brass.
• Peacock (#235658): A full-bodied, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication. 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

• Worn Quarry color palette (#EAFAEF, #BFB076, #C3829A, #817237, #584463)
• Patina Chapel color palette (#FEF0FF, #D99EA2, #8C95C4, #9C5E64, #414D67)
• Wandering Pewter Archive color palette (#FFF1F6, #BE8C5D, #7B9264, #A15F76, #503C43)
• Washed Pewter Lantern color palette (#FFF1F6, #A8C0A5, #9A7383, #745163, #3E4C3F)
• Bronze Cabin color palette (#FBEDF3, #D2A4B6, #71A1CD, #A55D00, #12334F)
• Amber Veranda color palette (#FDF3EA, #E9B994, #88B6E5, #C9741C, #2B564D)
• Weathered Olive Orchard color palette (#E1FCF7, #82AE73, #3694C1, #447431, #134861)
• Dusty Bronze Parlor color palette (#E3FEE3, #DEC298, #987840, #694B17, #4C3711)

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