Tempered Lagoon color palette — #E8F9FA · #43A486 · #9E6E87 · #7B4F67 · #2D4143

Jade and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E8F9FA): bright and airy, almost weightless.
• Jade (#43A486): A luminous, balanced teal — the color of shallow lagoons.
• Mocha (#9E6E87): A full-bodied, dusty rose — the color of pressed rose petals.
• Graphite (#7B4F67): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#2D4143): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged muted.

Use it as a design system

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

• Patina Lagoon Delta color palette (#E7F9FD, #10A3A5, #885271, #6A4459, #29372A)
• Weathered Cerulean Garden color palette (#E8F8FF, #00A2B4, #A67058, #7F533F, #2F4047)
• Softworn Harbor color palette (#EBF9F2, #999528, #8E729D, #5D5A7F, #31413A)
• Worn Teal color palette (#FFF0F9, #36BFB2, #5D77A7, #6E4E62, #354B56)
• Dusty Teal Villa color palette (#E8F6E9, #4EA4A6, #767FB1, #6D517E, #1A261B)
• Muted Driftwood Lantern color palette (#EDF7F9, #D6DCE7, #B6AAAF, #638991, #4C5456)
• Muted Parlor color palette (#E7FAF8, #89B98F, #BF8E80, #95734D, #2A4240)
• Gentle Canyon color palette (#E1FBFF, #008979, #B62939, #80242C, #003238)

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