Tempered Lagoon color palette — #FAF5E4 · #96C198 · #009583 · #7F575B · #343900

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

The five colors

• Cream (#FAF5E4): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#96C198): A luminous, dusty green — the color of fresh herbs.
• Fern (#009583): A luminous, balanced teal — the color of sea glass.
• Graphite (#7F575B): A full-bodied, dusty red — the color of embers at dusk.
• Forest (#343900): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Lagoon Meadow color palette (#FCF4E8, #AFBB87, #4C9262, #775F36, #37362F)
• Dusty Garden color palette (#F6F6EB, #BACBA8, #1AA2AC, #8C6762, #324C08)
• Patina Lagoon color palette (#EBF9F3, #B7DBB9, #549984, #745875, #052F2C)
• Antique Cypress Loft color palette (#E8E5D5, #6FB78E, #008380, #505C22, #242D0D)
• Wandering Loft color palette (#E3FCF3, #7BA973, #27734F, #5E4150, #1A3C38)
• Hushed Bronze Bloom color palette (#FAF4EB, #D7D3AD, #6CAC88, #9B7634, #564E00)
• Softworn Jade color palette (#F2F0DF, #53A67B, #006F6E, #64314C, #002112)
• Gentle Emerald color palette (#DEFFE5, #88D490, #34A032, #005F29, #022C04)

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