Tempered Lagoon color palette — #FBF3F1 · #C3E1E6 · #7DBBD6 · #64936F · #5C4D5C

Fern takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#C3E1E6): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7DBBD6): A luminous, dusty blue — the color of open sky before noon.
• Fern (#64936F): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5C4D5C): A full-bodied, dusty pink — the color of peonies in June.

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

• Ancient Cypress Workshop color palette (#F0F7F1, #CFE2F5, #75A0B4, #477A6A, #415663)
• Wandering Mallow color palette (#FFF1F3, #D09BD7, #71B788, #3D9D92, #523B40)
• Azure Basin color palette (#FFF2EB, #A5E7FB, #28A1FC, #008569, #343A6D)
• Weathered Denim Cabin color palette (#EDE2DD, #47A1AE, #005F87, #003E26, #000429)
• Cornflower Balcony color palette (#F4EDE7, #90CEEA, #2E84F1, #006D60, #2B2654)
• Muted Mint color palette (#FFF1F3, #DEB4DC, #98BF7E, #AC77AA, #4D4E46)
• Bronze Delta color palette (#F9F5EA, #CCCDAC, #A09E71, #976A2F, #3B500A)
• Timeworn Forest color palette (#EBDDD9, #78C0BC, #00829C, #0C5E0D, #00213C)

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