Tempered Lagoon color palette — #F8EDDB · #6F8338 · #00532F · #4F1339 · #1F1B00
Built around Olive Leaf, softened by Mulberry — the whole palette hums with nature and growth.
The five colors
- Cream (#F8EDDB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Olive Leaf (#6F8338): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#00532F): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Mulberry (#4F1339): A deep, shadowed, balanced rose — the color of strawberry cream.
- Ink (#1F1B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, 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
- Soft Forest Alley color palette (#E9DED0, #7E7F25, #025410, #31215B, #1C1C00)
- Muted Pine color palette (#E9E4D5, #367D39, #004238, #460019, #001501)
- Tempered Harbor color palette (#EAE4D5, #6F9A5E, #00644F, #522D57, #2A2B06)
- Muted Boulevard color palette (#F6D6D9, #AD27A2, #006958, #62005B, #00211A)
- Aged Moss Ridge color palette (#F9E8D8, #A59300, #366A00, #46327D, #352E00)
- Velvet Lagoon color palette (#EDE2D5, #5C6306, #003512, #20023C, #060700)
- Pine Delta color palette (#FEF4E3, #96AD71, #007D50, #614271, #3B3B34)
- Washed Aubergine Bloom color palette (#FFE8E9, #F39087, #B28700, #52348E, #3B1320)
Browse the whole catalog at Explore, or see today's palette.