Wandering Lagoon color palette — #F3F7EB · #4C916A · #935749 · #674B1A · #31312A

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

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Fern (#4C916A): A luminous, balanced teal — the color of glacier melt.
• Walnut (#935749): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#674B1A): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#31312A): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Wandering 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

• Washed Lagoon color palette (#ECF9EC, #008B8D, #7D510A, #414500, #242C17)
• Dusty Courtyard color palette (#FCF4E7, #937C41, #7F527C, #693A43, #36302B)
• Chestnut Drift color palette (#EDF7FD, #66A7BE, #7E7DB2, #905237, #22393A)
• Cocoa Ridge color palette (#E9F5F0, #5A92B1, #645D92, #783821, #181F0B)
• Antique Turquoise color palette (#EDF8F1, #5AA5B5, #5C6F9D, #4E592D, #114D3F)
• Lagoon Villa color palette (#F1F7F2, #D2DCDB, #A7ADB6, #518D93, #4D554F)
• Aged Blush Harbor color palette (#EFF6FF, #9BBEFE, #DE88BE, #B47271, #2E3B2D)
• Hushed Cocoa color palette (#DDEDD5, #006150, #653200, #342B00, #111300)

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