Tempered Lagoon color palette — #EEF8F4 · #A5C9C3 · #568C8A · #526883 · #3B534E
Storm Blue and Slate set the tone — five colors that lean into sophistication and grounding.
The five colors
- Ivory (#EEF8F4): a clean, paper-quiet neutral.
- Stone (#A5C9C3): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#568C8A): A luminous, dusty teal — the color of glacier melt.
- Slate (#526883): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#3B534E): A full-bodied, dusty teal — the color of sea glass.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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
- Muted Lagoon Market color palette (#ECF4ED, #ABCCBF, #619069, #675B76, #26352F)
- Ancient Cypress color palette (#F1F7F2, #D4DDEC, #6FA1B9, #0E7F79, #405568)
- Weathered Ash Basin color palette (#F8F2FF, #E8D5DD, #E2C19D, #A585A8, #5B4D62)
- Plum Corridor color palette (#F7F3FF, #CBA1BE, #6EA87F, #A34F8D, #245754)
- Navy Villa color palette (#E4FBF7, #7AB192, #007B68, #45478D, #1A442F)
- Hushed Fern Courtyard color palette (#FBF4EA, #D8D2AD, #7AA887, #937476, #594D00)
- Tempered Mulberry Lagoon color palette (#F3F4FF, #D2AFDB, #A66E9F, #934B74, #604C69)
- Cerulean Thicket color palette (#F8F2FF, #B887A2, #918D4A, #0082A5, #473E51)
Browse the whole catalog at Explore, or see today's palette.