Tempered Seafoam color palette — #EFF6FF · #72EBB9 · #3C61A6 · #152747 · #01040C

A conversation between Lagoon and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lagoon (#72EBB9): A whisper-light, balanced teal — the color of shallow lagoons.
• Peacock (#3C61A6): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#152747): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#01040C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged luxury, dark, muted, 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

• Ancient Chartreuse color palette (#EAF8FF, #A7E490, #006F85, #002D38, #000508)
• Wandering Denim Workshop color palette (#F2F5FF, #FFBCB9, #655895, #212541, #02030C)
• Cobalt Delta color palette (#E5EFFE, #E0C58C, #6887C3, #41567E, #0D1623)
• Softworn Navy color palette (#EFE6EE, #B99C5F, #2B4477, #061842, #0A020A)
• Ancient Drift color palette (#F6F3FD, #D8D8CD, #A27598, #4A4158, #1C1A21)
• Iris Workshop color palette (#F0F5FF, #7F94FF, #C46888, #006E69, #0B1428)
• Washed Blush color palette (#E7EEFF, #FE697E, #332E7C, #060025, #060001)
• Orchid Courtyard color palette (#F2F4FF, #A172F5, #B33B55, #00505F, #040F21)

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