Tempered Seafoam color palette — #F1F7EF · #63EAD7 · #5E8AD0 · #00897C · #0B020B

Lagoon takes the lead with Azure close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7EF): bright and airy, almost weightless.
• Lagoon (#63EAD7): A whisper-light, balanced teal — the color of sea glass.
• Azure (#5E8AD0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00897C): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#0B020B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, cool.

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

• Lilac Chapel color palette (#EAF9F2, #93DBFF, #9E73C8, #0081AD, #0E0206)
• Patina Cerulean Dune color palette (#F0F7F1, #A3F6FF, #9895D9, #009CA9, #1C0C16)
• Linen Pine Terrace color palette (#F4F7EB, #91E7A6, #009CAA, #168D47, #000802)
• Soft Byzantium color palette (#E5FCF0, #61D2FF, #AF32EB, #007698, #030007)
• Sunlit Cabin color palette (#F3F7EC, #99DBBA, #8599FF, #00B17A, #24101F)
• Dusty Workshop color palette (#DCEFE3, #009EBA, #4D24B7, #004451, #010009)
• Garnet Balcony color palette (#FFF4E2, #58C9DC, #5081B5, #813537, #002633)
• Airy Harbor color palette (#DBEFEA, #007DD3, #520F80, #002C50, #040001)

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