Tempered Lagoon color palette — #F2F7EF · #D1DFDA · #B0C8C2 · #5F9D8E · #444A41

Built around Eucalyptus, softened by Stone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F2F7EF): a clean, paper-quiet neutral.
• Silver (#D1DFDA): a clean, paper-quiet neutral.
• Stone (#B0C8C2): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#5F9D8E): A luminous, dusty teal — the color of glacier melt.
• Charcoal (#444A41): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. 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

• Dusty Abyss color palette (#E1ECDF, #A8BAA9, #849C8B, #00605A, #0A1807)
• Aged Teal color palette (#EFF7F8, #D4DBE2, #B5B4C7, #52C3A3, #3C4B4C)
• Wandering Station color palette (#EAF9F3, #C8DEE1, #DEC4DF, #3B90B8, #32453D)
• Patina Powder color palette (#DFFFE8, #96CEE6, #79A499, #906C76, #69474D)
• Tempered Basin color palette (#DBE9DC, #00A3AB, #395444, #253127, #151A14)
• Dusty Olive color palette (#FBF5E6, #C7C898, #8A9661, #75762E, #504100)
• Worn Pier color palette (#F7F8DC, #2BCABD, #3B95A1, #5A5E8F, #314231)
• Linen Seafoam color palette (#ECFAEB, #79FFD8, #00E5DD, #42AFC6, #2D4330)

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