Softworn Teal color palette — #EFF8EC · #9BE5DC · #FBB2A2 · #55BCB1 · #534B47

A conversation between Turquoise and Melon, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#EFF8EC): bright and airy, almost weightless.
• Sea Foam (#9BE5DC): A whisper-light, dusty teal — the color of glacier melt.
• Melon (#FBB2A2): A whisper-light, balanced orange — the color of autumn markets.
• Turquoise (#55BCB1): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#534B47): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Softworn Alley color palette (#F2F7EB, #ABE4C9, #DAB8E8, #74B99B, #683F4B)
• Glacier Balcony color palette (#E4FDEB, #85D6E7, #E7ACAC, #CE9475, #33483A)
• Ancient Delta color palette (#E6F9FF, #7FD5D8, #DF9D9F, #259EA3, #5D435D)
• Muted Stone color palette (#E9FBEA, #FFDAEA, #C2E6E8, #B7BD95, #415148)
• Periwinkle Bloom color palette (#FDF0FF, #B5D9FF, #EABD95, #76ADE6, #6F4100)
• Tempered Cocoa color palette (#FFF3E9, #ECD6B5, #CCB09A, #AB897E, #564600)
• Weathered Azure Lagoon color palette (#D9FFF1, #81CFFF, #FFA6A1, #0097D6, #6A171B)
• Pale Marigold color palette (#DEF5E9, #68CDF5, #DAA742, #009FCC, #473100)

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