Tempered Lagoon color palette — #FFF1F2 · #DEB3D6 · #A7B678 · #199687 · #3F2C2E

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Carnation (#DEB3D6): A luminous, dusty pink — the color of a candy shop window.
• Sage (#A7B678): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#199687): A luminous, balanced teal — the color of sea glass.
• Espresso (#3F2C2E): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, 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

• Washed Lagoon color palette (#FEF1F8, #BEBEEE, #CCA778, #698E58, #3F2A36)
• Worn Moss color palette (#FFF1F0, #D3A3BE, #8EA35D, #007D88, #33212C)
• Tempered Mallow Quarry color palette (#FFF1F3, #E5ACE6, #86C7A5, #70A88B, #49383B)
• Weathered Cerulean Dune color palette (#FEF2EE, #F7ADAB, #7CBFA2, #2F8CB6, #37302D)
• Cypress Field color palette (#FDF4E6, #FFCED5, #CB9377, #188472, #672A10)
• Aged Ash Delta color palette (#F4EFFF, #BA7DB0, #60906E, #3D6A4B, #25202F)
• Emerald Pier color palette (#FFF2F0, #FF8BBB, #46982F, #007581, #33091D)
• Patina Coast color palette (#FBF3F2, #DDD9D3, #ACB9B5, #D39DAC, #544B4A)

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