Tempered Lagoon color palette — #F5F7E1 · #89CCA7 · #208875 · #1F5A63 · #001F10
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F7E1): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#89CCA7): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#208875): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#1F5A63): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Ink (#001F10): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, 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
- Olive Market color palette (#FEF5DC, #B1C57D, #4F863F, #235677, #1D1800)
- Hushed Driftwood Boulevard color palette (#FDF4E7, #DBD296, #85914E, #496D59, #332603)
- Weathered Lagoon Pier color palette (#DAF2E6, #6C9B6F, #006357, #0E3D5A, #001614)
- Hushed Teal Balcony color palette (#E9E4D6, #9DC79B, #00A890, #357CA7, #133112)
- Hushed Fern Station color palette (#FEF4E1, #A4A859, #4C6B1E, #00425A, #080800)
- Antique Azure color palette (#FBF4EA, #C7F1DC, #3D9AD7, #00696E, #001D43)
- Hushed Lagoon color palette (#EEF1E0, #168F6A, #00463F, #1A133D, #000201)
- Forest Basin color palette (#E9E1C3, #779A5E, #005E2A, #002B56, #000200)
Browse the whole catalog at Explore, or see today's palette.