Worn Lagoon color palette — #F1F8EB · #9BD2BC · #E197B9 · #00A57D · #68413F

Fern takes the lead with Ballet Pink close behind in a set that reads as balance at first glance.

The five colors

• Ivory (#F1F8EB): a clean, paper-quiet neutral.
• Pistachio (#9BD2BC): A luminous, dusty teal — the color of sea glass.
• Ballet Pink (#E197B9): A luminous, balanced rose — the color of a warm blush.
• Fern (#00A57D): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#68413F): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Balance. Tagged light, muted.

Use it as a design system

One click turns Worn Lagoon 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

• Moss Lagoon color palette (#F6F6E9, #AFD0A0, #C6A0DB, #6C9C54, #594366)
• Wandering Cerulean Balcony color palette (#ECF9F0, #8FD0E1, #E49C91, #009DB8, #534B48)
• Muted Blush color palette (#F0F8EB, #7DC0AB, #C87CAB, #24846D, #644344)
• Dusty Seafoam Coast color palette (#E7F9FB, #95E8CE, #EDB3D4, #6FB9A2, #534761)
• Taupe Harbor color palette (#F0F8EA, #B9E1E9, #ACABB8, #81A886, #435143)
• Worn Amber Corridor color palette (#EFF9E8, #7AC2AE, #A89AD7, #C77E4A, #3B4733)
• Softworn Pier color palette (#E6FDE3, #00C7C0, #EF6786, #008984, #6D0C2D)
• Weathered Hollow color palette (#FAF5E9, #D2CBB0, #AB9973, #8C6F41, #504900)

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