Tempered Lagoon color palette — #DFE6DE · #B1C5C0 · #8AB1AB · #00938D · #152412

A conversation between Fern and Sage, giving this palette its sense of sophistication.

The five colors

• Parchment (#DFE6DE): a clean, paper-quiet neutral.
• Stone (#B1C5C0): A luminous, dusty teal — the color of shallow lagoons.
• Sage (#8AB1AB): A luminous, dusty teal — the color of sea glass.
• Fern (#00938D): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#152412): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Washed Cypress Terrace color palette (#DDE3DA, #BBC8BF, #88AEA1, #007065, #15240F)
• Aged Emerald Quarry color palette (#E4E5DE, #B7C3B9, #94B09E, #3D9730, #1F210A)
• Worn Archive color palette (#E8F2EE, #B4C3C5, #C0A4AC, #008AC4, #0A251D)
• Aged Abyss Ridge color palette (#DDE7EA, #9AB9C4, #6F94A4, #004F4C, #010D11)
• Aubergine Lagoon color palette (#E5ECD3, #00AAC1, #0080B0, #6E2AA6, #001A21)
• Worn Petrol Thicket color palette (#DFEDE9, #B09FA4, #A3828A, #0068A4, #000D08)
• Weathered Iris Market color palette (#D1E6D6, #00D8D3, #52B2F5, #628EE4, #001D25)
• Antique Market color palette (#E4F2E9, #00889F, #004961, #002512, #000301)

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