Seafoam Workshop color palette — #FFF1F2 · #F8C0ED · #88DCA9 · #D18FC5 · #4C4E47

Built around Lagoon, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Thistle (#F8C0ED): A whisper-light, balanced pink — the color of neon signs at night.
• Lagoon (#88DCA9): A whisper-light, balanced teal — the color of sea glass.
• Mauve (#D18FC5): A luminous, balanced pink — the color of peonies in June.
• Charcoal Brown (#4C4E47): quiet, heavy and certain.

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

Use it as a design system

One click turns Seafoam Workshop 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 Mint color palette (#FFF1F3, #E3B2DE, #75C596, #B074AB, #4C4E47)
• Wandering Glacier color palette (#FFF2ED, #FFC3C1, #4BDEE7, #DE908E, #39553D)
• Antique Lilac Terrace color palette (#FFF0F8, #CFCFFF, #D8C87B, #A19FE5, #504D46)
• Pale Boulevard color palette (#FFF2F0, #FFA6C9, #28DFBF, #E34A93, #004539)
• Patina Mustard Station color palette (#FFF1F2, #F7ABDD, #CEBF67, #69BCD5, #533B3C)
• Ancient Harbor color palette (#FFF2EB, #F2D3B8, #D9A998, #B28676, #643E00)
• Softworn Celadon Summit color palette (#C7EBFF, #D3EA74, #FFC1CB, #7C625C, #3F3432)
• Washed Balcony color palette (#FBF3F1, #F3DAB4, #C58D91, #84645B, #342825)

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