Tempered Lagoon color palette — #F0F4E5 · #8FC0A9 · #398472 · #3E5D50 · #212B12
Built around Fern, softened by Mint Leaf — the whole palette hums with calm and sophistication.
The five colors
- Cream (#F0F4E5): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#8FC0A9): A luminous, dusty teal — the color of glacier melt.
- Fern (#398472): A full-bodied, dusty teal — the color of shallow lagoons.
- Pine (#3E5D50): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#212B12): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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 Cypress color palette (#F1F4E4, #7CAD8B, #1F7555, #5E3F1C, #191F01)
- Hushed Pewter Meadow color palette (#F6F1E8, #C0B38B, #727A4D, #6D4B42, #2F260A)
- Worn Cypress color palette (#E9FAF3, #92B8B3, #36836C, #6A4D74, #284946)
- Aged Lagoon Field color palette (#ECF8F8, #9ECFD1, #629C8F, #54768F, #204A4C)
- Hushed Lagoon Harbor color palette (#E9EEDE, #368A6A, #005041, #3A2500, #000B05)
- Antique Cerulean Atelier color palette (#F0F3E9, #C4E5D8, #5A94C1, #1A687E, #3A223C)
- Worn Basalt Hollow color palette (#F8F6E9, #C8E7CA, #6DAD99, #916A72, #373D00)
- Weathered Cypress color palette (#E2EDD4, #007965, #00403A, #002136, #000403)
Browse the whole catalog at Explore, or see today's palette.