Tempered Lagoon color palette — #EFF4E6 · #639D77 · #94574B · #5C4118 · #201D0C
Built around Moss, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Cream (#EFF4E6): a clean, paper-quiet neutral.
- Moss (#639D77): A luminous, balanced teal — the color of shallow lagoons.
- Walnut (#94574B): A full-bodied, balanced orange — the color of autumn markets.
- Cocoa (#5C4118): A deep, shadowed, dusty gold — the color of old brass.
- Onyx (#201D0C): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Chestnut Chapel color palette (#EAF6E8, #099691, #865500, #424300, #101603)
- Softworn Driftwood color palette (#F5F1E8, #928C4D, #845275, #6C3737, #261C11)
- Driftwood Coast color palette (#EDF8F4, #9EA874, #B06985, #9A5847, #263929)
- Worn Archive color palette (#EDF7FD, #4E97AB, #6D6093, #7C3010, #1E3536)
- Iris Loft color palette (#F0F8EE, #74C0B7, #987DB8, #8B6243, #222C1D)
- Timeworn Driftwood color palette (#EDF4EE, #CFD8D7, #A4B0B6, #6A8D72, #303932)
- Dusty Basalt color palette (#E8F5EF, #66A6C2, #696C9E, #663B5E, #182D15)
- Tempered Cocoa color palette (#D6E6D1, #006A60, #663800, #292600, #000602)
Browse the whole catalog at Explore, or see today's palette.