Tempered Lagoon color palette — #E3ECE0 · #ADC6C4 · #C8ADC6 · #009487 · #1A2217

Fern and Mauve set the tone — five colors that lean into sophistication.

The five colors

• Parchment (#E3ECE0): bright and airy, almost weightless.
• Stone (#ADC6C4): A luminous, dusty teal — the color of sea glass.
• Mauve (#C8ADC6): A luminous, dusty pink — the color of peonies in June.
• Fern (#009487): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#1A2217): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Patina Petrol color palette (#DDE8DF, #97B8BD, #BA9EAF, #00808D, #06180B)
• Hushed Olive color palette (#E9E9DD, #B1C6BB, #87B1AB, #678D52, #202014)
• Timeworn Veranda color palette (#E2ECEF, #A4B6C0, #7F8FA0, #004F4B, #000D11)
• Washed Turquoise Corridor color palette (#EBF9F0, #F5DEF5, #E9C0BF, #00A9C9, #23382C)
• Pale Plum Studio color palette (#DEE6DA, #00A78D, #BC2E8C, #774100, #1E0C00)
• Wandering Cerulean color palette (#C1EBF8, #0087A3, #324164, #0B2217, #010200)
• Emerald Thicket color palette (#F3DEC3, #A6AF50, #409352, #216F7B, #211A00)
• Hazy Coast color palette (#FFE3D3, #00AFA1, #3A72D3, #883A23, #001A1F)

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