Tempered Lagoon color palette — #F5F6ED · #C5EBE2 · #97BCA2 · #54938E · #42594C
Storm Blue and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F6ED): a clean, paper-quiet neutral.
- Honeydew (#C5EBE2): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#97BCA2): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#54938E): A luminous, dusty teal — the color of glacier melt.
- Charcoal Brown (#42594C): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, 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
- Timeworn Turquoise color palette (#F5F6EE, #B7ECE4, #5BB3CA, #2C8A8A, #2E5040)
- Wandering Petrol Grove color palette (#E5E6D2, #63C3C6, #008490, #005A52, #00242C)
- Ancient Canyon color palette (#FBF3F1, #C5DDE2, #AEC2EA, #66A17E, #5A4559)
- Bronze Bloom color palette (#FAF5E9, #D0CE9F, #A69C70, #916E2B, #554700)
- Softworn Cerulean color palette (#E8EADE, #00A4BE, #00627B, #003B3E, #000B13)
- Washed Apricot color palette (#FFF2EB, #F49478, #AFA761, #AE81A8, #48413D)
- Hushed Cobalt color palette (#ECF1E3, #88CEF9, #1A8CD9, #006883, #0D2E53)
- Timeworn Courtyard color palette (#FFF2EF, #FFB0BB, #DA8C8D, #9A6964, #564E4B)
Browse the whole catalog at Explore, or see today's palette.