Worn Lagoon color palette — #E9F6EB · #ABBA8C · #488461 · #505172 · #172C26

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

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Sage (#ABBA8C): A luminous, dusty green — the color of new leaves after rain.
• Fern (#488461): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#505172): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Forest (#172C26): A deep, shadowed, dusty teal — the color of sea glass.

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

• Pine Canyon color palette (#E9F6E9, #A4AF6A, #12803D, #573F70, #1F2300)
• Washed Lantern color palette (#E7FBF0, #A7B789, #587F52, #5A566E, #304841)
• Hushed Lagoon Grove color palette (#E9F5F0, #A1CDCB, #44928B, #655D72, #213534)
• Washed Stone color palette (#FBF4EA, #BACE8F, #689D7D, #896673, #4B4300)
• Hushed Moss Villa color palette (#DBEFE0, #7C9954, #006543, #4B2857, #001711)
• Azure Market color palette (#F6F0F3, #BDE3F6, #4D93CE, #236D57, #212C43)
• Forest Balcony color palette (#D4EDE6, #00694A, #003132, #2B0019, #000201)
• Hushed Market color palette (#FFEBF8, #D0E5CE, #ADDE9E, #9D6886, #3F2A31)

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