Tempered Lagoon color palette — #E9FAF1 · #ACB584 · #667D42 · #436253 · #314840
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9FAF1): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#ACB584): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#667D42): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#436253): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#314840): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Fern Delta color palette (#E4FBF2, #8BA56C, #476F3B, #215453, #203B35)
- Stone Grove color palette (#EDF8F6, #A5CDAB, #598B8B, #4F6D68, #3C5250)
- Timeworn Basin color palette (#F0F8F0, #B1E1CF, #84BC90, #A88B5E, #2D493F)
- Linen Jade color palette (#C3FBD5, #40C388, #008D68, #006958, #215158)
- Bronze Meadow color palette (#FCF4E5, #C1CA9B, #929268, #8B6D26, #4E4200)
- Misty Teal color palette (#E5FAFD, #17B8A6, #7981D1, #00766A, #36425E)
- Timeworn Alley color palette (#D4FFFD, #55D4CC, #008681, #004F4C, #003735)
- Lagoon Lagoon color palette (#E3FAFF, #009D93, #4D7EB5, #627035, #1B3E44)
Browse the whole catalog at Explore, or see today's palette.