Tempered Lagoon color palette — #E7FAF7 · #8BC0C0 · #429081 · #7C5C35 · #0A3D3E

Fern and Coffee set the tone — five colors that lean into optimism and calm.

The five colors

• Ivory (#E7FAF7): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#8BC0C0): A luminous, dusty teal — the color of sea glass.
• Fern (#429081): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#7C5C35): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Teal (#0A3D3E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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 Olive color palette (#EAFAEF, #B4B98D, #6C8C4D, #89524F, #153E30)
• Lagoon Study color palette (#E0FCF9, #81CDB0, #009B90, #3F7849, #004633)
• Wandering Seafoam color palette (#F5F7E8, #94E4BB, #3B9C8B, #68625C, #242B17)
• Hushed Ash Coast color palette (#EEF8F5, #B1DBD6, #73A6A8, #5F877C, #365450)
• Pale Pine color palette (#D9F2E8, #8FB978, #008F4B, #596100, #183700)
• Powdered Lagoon color palette (#C7FCFD, #82CAA9, #009973, #005C42, #00251A)
• Weathered Cypress color palette (#EBF9F5, #65AC8F, #007176, #564162, #123D3E)
• Timeworn Turquoise color palette (#F8F7E0, #95DBBE, #46B2B8, #9D7A76, #343730)

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