Tempered Harbor color palette — #E4F5F9 · #80C2B9 · #C68897 · #00837A · #4A222E

A conversation between Teal and Dusty Rose, giving this palette its sense of sophistication.

The five colors

• Ivory (#E4F5F9): bright and airy, almost weightless.
• Mint Leaf (#80C2B9): A luminous, dusty teal — the color of shallow lagoons.
• Dusty Rose (#C68897): A luminous, dusty red — the color of embers at dusk.
• Teal (#00837A): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#4A222E): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Harbor 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

• Muted Cabin color palette (#E8F5F4, #93C0A3, #B988BC, #008851, #332B4B)
• Petrol Garden color palette (#E9F3FC, #84BBDD, #C48E73, #007BAC, #4A2614)
• Antique Lagoon Lantern color palette (#F1F7EF, #80D7C9, #E896A2, #10A292, #64443C)
• Washed Balcony color palette (#E6F9FF, #77BEBC, #978DD8, #008382, #464C64)
• Hushed Rust color palette (#E0F6FE, #58ABB1, #B57894, #AF5D54, #092C36)
• Feathered Ember color palette (#DFF7FF, #00ADB7, #DE4817, #00686F, #3F0B00)
• Cocoa Dune color palette (#FDECF6, #CDB3BC, #9A768C, #7B4749, #203124)
• Softworn Lagoon color palette (#EAF3FA, #DBB6D1, #316885, #06364B, #08151F)

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