Tempered Lagoon color palette — #FCF2F6 · #ADC9B5 · #598D7F · #636379 · #3E5345

Fern and Pistachio set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Pistachio (#ADC9B5): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#598D7F): A luminous, dusty teal — the color of glacier melt.
• Graphite (#636379): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3E5345): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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 Harbor color palette (#F1F7F2, #B9DACB, #74A89A, #628297, #3D5349)
• Dusty Driftwood Meadow color palette (#F5F1EA, #CBC3A9, #788A5F, #426B5A, #33312A)
• Muted Ash Garden color palette (#FBF2F5, #DADDEE, #8A97C5, #3B7A7B, #4F5067)
• Jade Veranda color palette (#F3F4FF, #B7A4DE, #7AA674, #79679C, #265751)
• Muted Cypress Cabin color palette (#E8FBEF, #8AA47F, #2F705C, #54435F, #183D37)
• Iris Veranda color palette (#E3F0FF, #B4B9EE, #967DBB, #7B5480, #654456)
• Worn Cocoa color palette (#FAF4EF, #EDDBBC, #ACBD91, #AD919A, #644700)
• Hushed Lagoon Drift color palette (#F4F4FF, #A78ABD, #679869, #3A7F6F, #403F57)

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