Tempered Lagoon color palette — #F5F6EC · #A1F0F4 · #34C6D9 · #479C93 · #224230
A conversation between Cyan and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F6EC): bright and airy, almost weightless.
- Sea Foam (#A1F0F4): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#34C6D9): A luminous, balanced blue — the color of open sky before noon.
- Fern (#479C93): A luminous, balanced teal — the color of shallow lagoons.
- Forest (#224230): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Dusty Sky color palette (#F4F7EA, #B8E9FF, #73BBE6, #4699AB, #1B3E58)
- Softworn Delta color palette (#D9F1EB, #00D2C5, #00AFB0, #008D93, #00444C)
- Wandering Mustard color palette (#E0F6E1, #00D9DF, #C3B316, #00A5AA, #3C3608)
- Patina Powder color palette (#F5F6EE, #BCE2E7, #90CAEB, #73B0A4, #3A5141)
- Iris Study color palette (#C8F0D5, #00C3DE, #919AFA, #5FAA66, #10331F)
- Turquoise Loft color palette (#F0F1E3, #16B5C4, #008297, #005D5B, #000B11)
- Hazy Harbor color palette (#ECEEDF, #59D3E7, #00A2C3, #007D7E, #002330)
- Softworn Forest color palette (#FAEFEB, #B6CFB8, #0088B0, #00602C, #09203E)
Browse the whole catalog at Explore, or see today's palette.