Tempered Lagoon color palette — #F8F7D9 · #96C09B · #3E9877 · #00716B · #34543C

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

The five colors

• Custard (#F8F7D9): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#96C09B): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#3E9877): A luminous, balanced teal — the color of sea glass.
• Teal (#00716B): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#34543C): A full-bodied, dusty teal — the color of sea glass.

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

• Fern Courtyard color palette (#FFF3E2, #BEB786, #7B8F49, #3E7038, #4C4E47)
• Misty Teal color palette (#F1FAD9, #97DDBB, #46BA94, #338C7A, #43563C)
• Timeworn Chapel color palette (#F1F7ED, #A2B892, #C97F94, #00866D, #67423C)
• Antique Harbor color palette (#F0F8EB, #CAE3E0, #EBCAE9, #729E75, #465545)
• Petrol Alley color palette (#E1F5D8, #77BFC1, #288DA4, #006A90, #604760)
• Patina Workshop color palette (#CEF0E4, #1EA7A4, #00758A, #00546F, #0C3C61)
• Washed Corridor color palette (#ECFAEC, #5DA6A6, #A9769D, #AC5B5A, #364836)
• Hazy Ridge color palette (#C6F0EB, #008E96, #005066, #00334D, #01155A)

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