Worn Lagoon color palette — #FDECF5 · #96B689 · #398686 · #5C496A · #183131

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FDECF5): A whisper-light, dusty pink — the color of neon signs at night.
• Sage (#96B689): A luminous, dusty green — the color of new leaves after rain.
• Fern (#398686): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5C496A): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#183131): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged retro, 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

• Teal Terrace color palette (#FEEBF8, #6EBCB2, #567D9C, #704539, #16303A)
• Worn Denim color palette (#E6FAF5, #7DB699, #36867C, #345B8C, #2F4E50)
• Patina Lagoon Summit color palette (#E7F6EF, #ABCBC6, #588D91, #4D685D, #1E3633)
• Washed Pier color palette (#E8F5F2, #8CA66F, #557498, #6F3A3F, #411A15)
• Softworn Abyss color palette (#F9F6E0, #B9EBCA, #71B0A2, #547698, #324800)
• Softworn Lagoon Basin color palette (#DCF3F4, #339775, #2A3F46, #102222, #070E0D)
• Worn Delta color palette (#FFEBF8, #00AC6D, #006D81, #770128, #00221D)
• Hushed Fern color palette (#FFF2EA, #A9C999, #4EA2A0, #925B73, #3F4F04)

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