Tempered Lagoon color palette — #EBF8F7 · #64956E · #8C534D · #684820 · #263932
Built around Fern, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#EBF8F7): a clean, paper-quiet neutral.
- Fern (#64956E): A luminous, dusty teal — the color of shallow lagoons.
- Coffee (#8C534D): A full-bodied, dusty orange — the color of sun-warmed clay.
- Bronze (#684820): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Deep Forest (#263932): 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
- Patina Chestnut color palette (#E9F8FD, #3E9494, #815D1E, #4C5822, #243B3C)
- Patina Grove color palette (#ECF9F2, #72AFC8, #A178AF, #8D6027, #2C3A2D)
- Weathered Workshop color palette (#D5FFFF, #007A47, #972500, #533800, #002B23)
- Weathered Lagoon color palette (#EBF3FD, #6384B6, #6F5A94, #764104, #042023)
- Wandering Archive color palette (#EDF7FF, #6C9FC0, #70689B, #385E39, #014D4E)
- Worn Cerulean Cabin color palette (#EFF6FB, #D7D9E1, #B4A9AF, #61889E, #4A545A)
- Wandering Blush color palette (#FCF2F8, #ADB1F1, #DF86A7, #B57E6C, #36322C)
- Weathered Cobalt Orchard color palette (#EDF7FF, #1B7DAF, #555F00, #005237, #0F2B35)
Browse the whole catalog at Explore, or see today's palette.