Tempered Basin color palette — #F1F8EC · #80D8BF · #DC9BB8 · #479E88 · #634442

A conversation between Lagoon and Fern, giving this palette its sense of sophistication.

The five colors

• Ivory (#F1F8EC): bright and airy, almost weightless.
• Lagoon (#80D8BF): A luminous, balanced teal — the color of glacier melt.
• Mauve (#DC9BB8): A luminous, balanced rose — the color of pressed rose petals.
• Fern (#479E88): A luminous, balanced teal — the color of sea glass.
• Cocoa (#634442): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

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

• Aqua Villa color palette (#ECF9F2, #6CD4F6, #E59C89, #5896AB, #534B47)
• Stone Studio color palette (#F8F6E2, #B4D089, #BCA2E5, #7F965B, #62424F)
• Patina Cypress Station color palette (#F1F8ED, #82BEB0, #BE83A5, #2C8373, #644343)
• Patina Jade Delta color palette (#EBF8F9, #A5E5CA, #FFACB9, #40C297, #5B435F)
• Ancient Teal color palette (#EAFBE3, #51C8B5, #AE97D7, #B48862, #3A4735)
• Ancient Teal color palette (#EBF8F9, #B7F5E4, #BCC8FF, #3CB097, #364666)
• Coral Coast color palette (#E4FEE4, #00C6C8, #F66569, #00898A, #612325)
• Wandering Bronze Summit color palette (#FBF5E3, #D3CCA4, #AA9A72, #936D2B, #4D4A00)

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