Tempered Lagoon color palette — #F6F3FF · #C681C8 · #549B71 · #007243 · #180F2B

Mauve takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Mauve (#C681C8): A luminous, balanced pink — the color of peonies in June.
• Fern (#549B71): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#007243): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#180F2B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Timeworn Blush color palette (#FCF1FF, #E97194, #2A9E8F, #006F64, #1E0E23)
• Blush Drift color palette (#F9F2FF, #E77EB1, #2C8A5B, #005364, #002027)
• Periwinkle Alley color palette (#F0F6FF, #779AF4, #819349, #576813, #07152B)
• Washed Coral Hollow color palette (#FFF0FC, #ED988D, #86AB70, #5A7F42, #311D2D)
• Airy Meadow color palette (#FEE8EB, #F39FE9, #84972A, #009787, #3A1C21)
• Airy Blush Hollow color palette (#F9F2FF, #D87BA9, #B57B45, #855300, #1B0F23)
• Raspberry Harbor color palette (#EBE5FA, #AB46A2, #537000, #005042, #130B20)
• Wandering Azure color palette (#EBF7FF, #1FACDE, #539D5C, #006988, #001826)

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