Tempered Lagoon color palette — #F4F6EF · #D3DED9 · #AEB1C1 · #599B6B · #2D2F27

A conversation between Fern and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D3DED9): bright and airy, almost weightless.
• Ash (#AEB1C1): A luminous, dusty violet — the color of wild irises.
• Fern (#599B6B): A luminous, balanced teal — the color of glacier melt.
• Onyx (#2D2F27): quiet, heavy and certain.

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

• Ash Workshop color palette (#EDF8F7, #CCDDE7, #B1C4D2, #7BAC92, #2D3E3E)
• Cypress Coast color palette (#EEF7F7, #D0DBE2, #A1B8BF, #3B7151, #293F3F)
• Lagoon Orchard color palette (#F7F6E6, #ABDEBE, #009F90, #596A44, #242B0F)
• Azure Hollow color palette (#EEF8F3, #E5D3D0, #C1C1B0, #00A0D0, #293932)
• Abyss Veranda color palette (#D9E3DD, #AEBFBA, #A5879C, #004352, #000201)
• Ancient Bronze Summit color palette (#F4F9D8, #C2DFBD, #68A2C8, #985C36, #582D00)
• Dusty Mint color palette (#FFF2EB, #74CE8A, #008E9E, #823242, #18260B)
• Lagoon Market color palette (#EDFAE8, #00A090, #173E2B, #081304, #010100)

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