Tempered Lagoon color palette — #E7E3CE · #8EA880 · #5E7B5C · #603F43 · #3A2024
A conversation between Sage and Pewter, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E7E3CE): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#8EA880): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#5E7B5C): A full-bodied, dusty green — the color of fresh herbs.
- Cocoa (#603F43): A full-bodied, dusty red — the color of embers at dusk.
- Espresso (#3A2024): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Wandering Cocoa color palette (#FFD9ED, #8CAB9C, #4B8081, #72444C, #51312F)
- Dusty Olive Veranda color palette (#FFEFDD, #AEA251, #556F27, #4B453F, #231B08)
- Stone Cabin color palette (#FAF2D5, #90C9AA, #7A9281, #6C504B, #4D2F29)
- Faded Pier color palette (#DEEBD7, #3FB494, #28708B, #6C2614, #3B1006)
- Lagoon Terrace color palette (#EEF0E1, #529160, #12585E, #452139, #220218)
- Lagoon Balcony color palette (#C7EDDD, #96C6C1, #659B8F, #686C8A, #464058)
- Softworn Cocoa Boulevard color palette (#E0F1EA, #72B9CC, #6A7FAD, #794116, #451E0D)
- Quiet Moss color palette (#E3E6D7, #66AD32, #007B4F, #005042, #002323)
Browse the whole catalog at Explore, or see today's palette.