Softworn Seafoam color palette — #F1F8EC · #66DDC0 · #DE9AB7 · #539C89 · #624443

Lagoon and Mauve set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F1F8EC): bright and airy, almost weightless.
• Lagoon (#66DDC0): A whisper-light, balanced teal — the color of shallow lagoons.
• Mauve (#DE9AB7): A luminous, balanced rose — the color of strawberry cream.
• Fern (#539C89): A luminous, dusty teal — the color of sea glass.
• Cocoa (#624443): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

One click turns Softworn 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

• Hushed Station color palette (#F7F6E5, #B3D189, #C2A1E2, #809565, #5F444D)
• Weathered Aqua Hollow color palette (#E7FBF0, #6BD4F7, #DDA284, #4E97B1, #524C47)
• Washed Cypress color palette (#F0F8EB, #80BFAC, #C18498, #31836E, #68423D)
• Linen Teal Loft color palette (#E7F9FB, #A5E4D3, #F7ADCE, #06C3A6, #663F51)
• Hushed Teal Coast color palette (#EAFBE4, #4DC8B6, #B096D7, #B28965, #3A4736)
• Washed Taupe color palette (#EFF9EB, #B6E2EE, #98A7C3, #9EAB87, #444F43)
• Softworn Jade color palette (#E8F9FA, #AEEEF0, #EEC38F, #34B28B, #5B401D)
• Misty Blush color palette (#E2FEE3, #00C6CA, #FF5771, #00898B, #60242B)

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