Tempered Lagoon color palette — #FAF4F0 · #CFE5DF · #85BBCB · #529774 · #325248

Built around Fern, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CFE5DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#85BBCB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#529774): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#325248): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, 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

• Lagoon Loft color palette (#FBF3F0, #CDE8E4, #8CBEAB, #399986, #614961)
• Hushed Basin color palette (#FAF2F8, #D2D5E5, #B3B9E4, #659D9D, #3B5061)
• Forest Station color palette (#EFE2DA, #7AC0BB, #008395, #005D30, #002333)
• Ancient Denim Quarry color palette (#F8EAE4, #54A0AA, #006180, #003D2E, #000919)
• Hushed Azure color palette (#FFF2EB, #BFE6CE, #3FA5E3, #008475, #223E70)
• Worn Iris Chapel color palette (#FEF4DF, #C0B26F, #76ACD1, #8A88D5, #45423B)
• Aged Amber color palette (#FBF4EB, #DAC09A, #8CB5E3, #B08422, #5D4260)
• Cobalt Loft color palette (#F6ECE6, #A5D0BC, #4A8ACA, #006C6A, #1E275E)

Browse the whole catalog at Explore, or see today's palette.