Worn Lagoon Canyon color palette — #FBF2F9 · #D4D4E3 · #85C4E5 · #53926C · #2C3F5F

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#85C4E5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#53926C): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#2C3F5F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Patina Teal color palette (#F8F4EE, #C3E8E1, #7DCAE2, #00B099, #224D63)
• Ancient Cypress color palette (#FEF1F9, #D6D4E0, #78ABDE, #1D806A, #212D4B)
• Softworn Taupe color palette (#DAFEF9, #CFE1EF, #B9AFB6, #8DB69A, #25494C)
• Cerulean Study color palette (#FDF3EF, #C6E6CB, #2A96C2, #37704C, #573E56)
• Washed Cobalt color palette (#FFF0F7, #94D6F7, #4F7ABD, #00524A, #0E0030)
• Frosted Market color palette (#E1FCF7, #B6E3A7, #EB9ED2, #619C4B, #512745)
• Petrol Lantern color palette (#F6EAF2, #74C5D7, #006DA7, #00402D, #010015)
• Taupe Thicket color palette (#E9FBE8, #C1E8D2, #B9986C, #895F51, #1E3732)

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