Tempered Lagoon color palette — #F2F7F1 · #D1DEDD · #B3C3C6 · #228481 · #424B41

A conversation between Teal and Charcoal, giving this palette its sense of sophistication.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D1DEDD): a clean, paper-quiet neutral.
• Stone (#B3C3C6): a calm mid-gray that lets other colors speak.
• Teal (#228481): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#424B41): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Pine Hollow color palette (#F5F6EF, #D4DCD8, #B3C3BF, #49844A, #474D00)
• Patina Hollow color palette (#F0F7F3, #DDD5D3, #A8A197, #488CA6, #4D5551)
• Cypress Quarry color palette (#ECF3F6, #D2D7DE, #B4BDCC, #3F8184, #252E30)
• Aged Cobalt color palette (#EBF9F5, #EDD9DC, #CEB4BD, #006EB5, #2D453F)
• Hushed Petrol Lagoon color palette (#D8EADF, #007E9B, #3F293F, #0D2419, #06100D)
• Weathered Abyss color palette (#E0EBE2, #9FADA7, #917490, #004044, #08180B)
• Petrol Basin color palette (#FFF3E6, #5FA799, #25719C, #6F4200, #27452D)
• Softworn Fern color palette (#EDFADF, #A2C0AC, #9D7C9A, #7C5A31, #5C5100)

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