Tempered Lagoon color palette — #FBF3EF · #CFE6DF · #84BCC9 · #619374 · #335247
Built around Fern, softened by Ash — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Silver (#CFE6DF): A whisper-light, dusty teal — the color of sea glass.
- Ash (#84BCC9): A luminous, dusty blue — the color of open sky before noon.
- Fern (#619374): A luminous, dusty teal — the color of glacier melt.
- Charcoal Brown (#335247): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Glacier Corridor color palette (#F5F6EF, #CCE5DD, #88D6DB, #74B0A2, #44584A)
- Washed Driftwood Harbor color palette (#FAF4EE, #CEE6E6, #C3A6C4, #709071, #624A5A)
- Patina Cypress Alley color palette (#EFF7F5, #CDE0F1, #71A2B1, #17806D, #345866)
- Timeworn Petrol color palette (#FAE9E2, #66AFBB, #007095, #004C3C, #00142C)
- Patina Stone color palette (#FFF2EE, #E59A9B, #5EB6B3, #6892B4, #523D35)
- Driftwood Thicket color palette (#FFF2EE, #F3AFB4, #73C0C4, #B8777D, #37563B)
- Tempered Summit color palette (#FAEBE2, #96CEE5, #3D8CCD, #006C67, #1F2B52)
- Softworn Bronze color palette (#FDF4E6, #D4CAAF, #AF9774, #9C6735, #504900)
Browse the whole catalog at Explore, or see today's palette.