Worn Lagoon color palette — #F3F6F0 · #D3DCD7 · #AFC4BD · #009772 · #2B4300

Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D3DCD7): bright and airy, almost weightless.
• Stone (#AFC4BD): A luminous, dusty teal — the color of glacier melt.
• Fern (#009772): A luminous, balanced teal — the color of glacier melt.
• Deep Olive (#2B4300): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Lagoon Bloom color palette (#F2F7F1, #D2DEDB, #B2C6C3, #12A49E, #414B3F)
• Aged Courtyard color palette (#F6F5EF, #D6DBD4, #B3C5B3, #778A2E, #3C3B34)
• Dusty Lagoon Study color palette (#DAE8DA, #009393, #094850, #152715, #090F07)
• Worn Summit color palette (#E4E8E2, #BEC7BD, #96AB99, #007161, #182312)
• Weathered Bloom color palette (#EFF1D5, #2DB9AA, #008794, #474B98, #1E381D)
• Cobalt Villa color palette (#EEF7F5, #E7D9DD, #D6BBC1, #008DDC, #27473E)
• Timeworn Atelier color palette (#EEF5E3, #4EAB7A, #008090, #744200, #2A2F00)
• Tempered Lagoon color palette (#CEEEDA, #98BDAE, #6C8EB4, #755B7E, #58393D)

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