Tempered Lagoon color palette — #ECF8F5 · #8FB27C · #4C977C · #795E91 · #273C35

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Sage (#8FB27C): A luminous, balanced green — the color of new leaves after rain.
• Fern (#4C977C): A luminous, balanced teal — the color of glacier melt.
• Slate (#795E91): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#273C35): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Teal Grove color palette (#E9F9F8, #5CAF8A, #7A80AE, #636792, #3F2F36)
• Teal Dune color palette (#FEF0FB, #CCBE89, #5DA28C, #875F84, #324E46)
• Wandering Jade color palette (#E4F7F3, #80A875, #435D62, #293C39, #1D2320)
• Cobalt Loft color palette (#E7F9FB, #3EB295, #4F80C2, #8C4B30, #0D3236)
• Aged Aubergine Garden color palette (#F9F5E9, #9A9157, #38729C, #5D3B74, #3B3430)
• Tempered Workshop color palette (#F9F2FD, #CB85A4, #2E99A0, #82546C, #3B3241)
• Softworn Apricot Grove color palette (#FDF1F6, #DCA378, #4F98AA, #93545A, #5F3531)
• Hushed Harbor color palette (#EFF7F3, #D3DCDF, #AEB2BD, #81A593, #4B5550)

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