Tempered Lagoon color palette — #ECF5E9 · #3A8D81 · #304135 · #222C1F · #101713

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

The five colors

• Cream (#ECF5E9): bright and airy, almost weightless.
• Fern (#3A8D81): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#304135): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#222C1F): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#101713): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Ancient Mint Grove color palette (#E6F5F8, #37D1BE, #64808C, #4A575A, #1B2324)
• Timeworn Petrol color palette (#E2F7E6, #007781, #002F41, #001F0A, #000B06)
• Worn Olive color palette (#E9FAF1, #68A1B8, #B07496, #817907, #2D4A3C)
• Midnight Denim Orchard color palette (#D2F5E8, #004B6E, #0D191D, #010A2F, #000308)
• Ancient Cypress color palette (#F8F5EF, #CCE3E0, #76A590, #00807A, #2E5349)
• Worn Cerulean Workshop color palette (#E7FDE1, #88CACA, #2396A7, #00728F, #2D5849)
• Tempered Olive Coast color palette (#F5F6EB, #BCC5AB, #748965, #696A20, #44550C)
• Muted Petrol Loft color palette (#EDF9F1, #90BCA2, #C28975, #008099, #753C13)

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