Tempered Lagoon color palette — #FFF1F6 · #A8C0A6 · #9A7483 · #735263 · #3E4C40
Mocha and Graphite set the tone — five colors that lean into sophistication and grounding.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Stone (#A8C0A6): A luminous, dusty green — the color of fresh herbs.
- Mocha (#9A7483): A luminous, dusty rose — the color of a warm blush.
- Graphite (#735263): A full-bodied, dusty rose — the color of a warm blush.
- Charcoal (#3E4C40): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Sophistication, Grounding. Tagged earthy, warm, 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
- Driftwood Villa color palette (#FAEEF3, #AAC3AE, #A07A5B, #774B41, #1D3127)
- Cypress Study color palette (#ECF9F1, #9CC2B0, #688977, #466650, #3A4C45)
- Bronze Study color palette (#FFF1F6, #C599A8, #90694A, #6A4459, #2E442E)
- Wandering Summit color palette (#F5F3FF, #C4B0E3, #9270A2, #704873, #692B3B)
- Bronze Garden color palette (#FEF3E9, #D8C8B1, #B3957A, #A16240, #594500)
- Tempered Stone Veranda color palette (#EDF7FF, #98CCC8, #456179, #243B4D, #21242F)
- Aged Petrol Courtyard color palette (#F2F5FC, #ACC1E7, #8F6F9B, #5869A7, #2D2C39)
- Hushed Market color palette (#F0F5FF, #7B8EC6, #A36C83, #834F4C, #343D4E)
Browse the whole catalog at Explore, or see today's palette.