Tempered Lagoon color palette — #E8F6EE · #99C08D · #478270 · #55516C · #102D29

Built around Mint Leaf, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#E8F6EE): bright and airy, almost weightless.
• Mint Leaf (#99C08D): A luminous, balanced green — the color of fresh herbs.
• Fern (#478270): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#55516C): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#102D29): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Weathered Lime Atelier color palette (#E5F7EA, #8DB84F, #007F56, #5B4065, #002720)
• Dusty Driftwood color palette (#FDEDF2, #A5CEBA, #6F8C6A, #5D6072, #24352D)
• Quiet Meadow color palette (#C8EFE2, #1CAF72, #006967, #5E274C, #001C0E)
• Ancient Basalt color palette (#F9F6E4, #B6EFD8, #79AC8B, #8B6E6F, #3A3B00)
• Cerulean Veranda color palette (#FAEEF3, #B5E4FF, #708DC4, #116C65, #252A42)
• Patina Lagoon Station color palette (#D6F1E9, #008E64, #004E50, #47142D, #000B05)
• Dusty Thicket color palette (#FFEFDE, #EFB45D, #9E690C, #543A00, #231200)
• Apricot Hollow color palette (#FFECF3, #E08E36, #2299CD, #8D5616, #0B2A3E)

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