Softworn Seafoam Grove color palette — #F0F8EB · #AFFDE5 · #4FE0BD · #58B0C2 · #3F503B

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

The five colors

• Ivory (#F0F8EB): bright and airy, almost weightless.
• Sea Foam (#AFFDE5): A whisper-light, balanced teal — the color of shallow lagoons.
• Lagoon (#4FE0BD): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#58B0C2): A luminous, balanced blue — the color of open sky before noon.
• Deep Olive (#3F503B): A full-bodied, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Calm, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Seafoam Cabin color palette (#F0F8EE, #B6E2ED, #4DE7DF, #3D9EC8, #334936)
• Hushed Cerulean Atelier color palette (#E7FCDE, #6CC3C2, #0097A2, #007085, #385549)
• Timeworn Mint Alley color palette (#F5F6EB, #F4F4A7, #93DB8C, #4FA99B, #4B4D46)
• Dusty Celadon color palette (#E6F9FD, #FCF99A, #97EFD0, #8CB2E0, #364F56)
• Hushed Amber Boulevard color palette (#EAFAEF, #62BFD4, #D28064, #0A8094, #534B47)
• Airy Seafoam Lantern color palette (#E8FBEF, #00E6C8, #00BDDC, #4178C8, #003144)
• Washed Workshop color palette (#EDF5E6, #F9E88D, #80D8C2, #77AEDA, #172F1E)
• Dusty Chestnut Harbor color palette (#EFFAE1, #BED0BE, #7A9A8C, #8A6968, #734701)

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