Tempered Lagoon color palette — #F7F6EA · #B3B992 · #48916E · #496295 · #35362F
A conversation between Fern and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F6EA): bright and airy, almost weightless.
- Sage (#B3B992): A luminous, dusty green — the color of new leaves after rain.
- Fern (#48916E): A full-bodied, balanced teal — the color of shallow lagoons.
- Slate (#496295): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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
- Patina Delta color palette (#E1FCF3, #B0DEAD, #449E74, #53647E, #0F2E2A)
- Fern Station color palette (#F4F6EB, #BCCAAA, #579E93, #6D6C96, #354B04)
- Azure Veranda color palette (#F9F4ED, #C1DCCC, #489FCE, #007C7C, #1F3D5A)
- Pine Courtyard color palette (#E6E6D4, #84B28E, #008666, #7F3A5C, #083217)
- Tempered Oat color palette (#ECF9F0, #B5D78D, #6CB191, #8A7D9D, #183D35)
- Quiet Aubergine Cabin color palette (#F7E9D3, #B3B054, #6E9019, #6A2D97, #323000)
- Ancient Navy color palette (#E3E4D0, #67A27A, #00715A, #333C85, #00220E)
- Frosted Study color palette (#FCDCDA, #D2709F, #8D900C, #0082AE, #441E1E)
Browse the whole catalog at Explore, or see today's palette.