Tempered Seafoam color palette — #E7F5F6 · #C3FAD0 · #76E8C3 · #5EB5B0 · #132F32

Lagoon and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F5F6): bright and airy, almost weightless.
• Mint (#C3FAD0): A whisper-light, dusty teal — the color of sea glass.
• Lagoon (#76E8C3): A whisper-light, balanced teal — the color of glacier melt.
• Turquoise (#5EB5B0): A luminous, balanced teal — the color of shallow lagoons.
• Deep Forest (#132F32): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

One click turns Tempered Seafoam 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

• Weathered Seafoam Villa color palette (#F2F8EB, #C9FFC8, #8DEBBD, #6EBCB2, #41443E)
• Powdered Glacier Garden color palette (#E9F4F8, #A9FFF1, #25E1F0, #3FA3C7, #19313B)
• Seafoam Basin color palette (#D9F8FF, #2CF5BF, #00C5C0, #0090A3, #001D1F)
• Softworn Lagoon Parlor color palette (#CDF2FA, #77CAC8, #00A0A6, #006D78, #1D3946)
• Airy Chartreuse color palette (#E7F6F0, #F1EAAD, #C4D96E, #80B575, #13352D)
• Ancient Lilac color palette (#E8F4FB, #71C1D7, #B289CA, #047F97, #302C4A)
• Hushed Ash color palette (#DDF7FE, #AFC7D0, #7699AE, #62687C, #3F3E54)
• Hushed Lichen Basin color palette (#E9F9FA, #F0FEB2, #B7DEED, #A5C5FC, #213F45)

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