Tempered Lagoon color palette — #ECF8F9 · #309581 · #8F5F3A · #5E5120 · #233C39
Fern and Walnut set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF8F9): bright and airy, almost weightless.
- Fern (#309581): A luminous, balanced teal — the color of sea glass.
- Walnut (#8F5F3A): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Coffee (#5E5120): A full-bodied, dusty green — the color of fresh herbs.
- Forest (#233C39): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Tempered Driftwood Workshop color palette (#EAF9F4, #83975F, #8C5865, #6F3C26, #25382C)
- Hushed Terrace color palette (#E6F9FF, #008484, #6B4500, #394000, #002C2D)
- Wandering Summit color palette (#ECF7FF, #1C8ABF, #5B6200, #004F2E, #173039)
- Washed Studio color palette (#EAF9F5, #7FAEDF, #A674A4, #935506, #2A3C2B)
- Muted Cocoa Meadow color palette (#EAF3FC, #6F92B6, #805582, #714300, #001C24)
- Muted Cerulean Workshop color palette (#EFF6FB, #D8D9E0, #B5A9AF, #67869D, #4A545B)
- Tempered Drift color palette (#F0F5FE, #8497C6, #82638E, #76414E, #0A4B58)
- Patina Mint Courtyard color palette (#F2F7EB, #80D2A3, #DD8F74, #A4885A, #35352E)
Browse the whole catalog at Explore, or see today's palette.