Tempered Lagoon color palette — #F5F2E7 · #99BF97 · #338575 · #6A4C4F · #272918

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

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Sage (#99BF97): A luminous, dusty green — the color of fresh herbs.
• Fern (#338575): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#6A4C4F): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#272918): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Softworn Chestnut color palette (#FDEFE2, #BEB483, #618049, #79480D, #2F2612)
• Antique Jade color palette (#F7F2E1, #7AB07C, #147466, #49463F, #1B1E09)
• Frosted Pine Boulevard color palette (#F3F6CA, #8BC886, #478A49, #254D21, #001B07)
• Timeworn Lagoon color palette (#E9FAF3, #9FCFC9, #669C89, #816883, #2C4945)
• Soft Mustard Chapel color palette (#F2E5D1, #C8AE3D, #668520, #2B5E31, #1F3014)
• Dusty Villa color palette (#ECE7CA, #1B8E56, #004F4B, #272E00, #060900)
• Moss Harbor color palette (#F5F3E0, #99B043, #AA77B8, #5C6D0D, #341C3A)
• Washed Iris color palette (#F7F0EA, #BDE1FF, #788AC9, #116C6C, #3C242E)

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