Lagoon Garden color palette — #FEDFD2 · #85B1A0 · #3A8B78 · #714962 · #3D304C

Fern and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Shell Pink (#FEDFD2): A whisper-light, dusty orange — the color of autumn markets.
• Sage (#85B1A0): A luminous, dusty teal — the color of sea glass.
• Fern (#3A8B78): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#714962): A full-bodied, dusty pink — the color of peonies in June.
• Navy (#3D304C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Lagoon Garden 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 Archive color palette (#EAE3CB, #88B98F, #5A8DA1, #874E45, #45283F)
• Muted Studio color palette (#E5E2C9, #A1A079, #2C7863, #484472, #472354)
• Hushed Petrol color palette (#D5EAE5, #66B79D, #00818C, #794253, #003033)
• Washed Taupe color palette (#FAE4F9, #BE9F6D, #6B906F, #56567B, #353555)
• Ancient Cocoa color palette (#F2DED4, #939859, #308170, #7A3735, #491717)
• Oat Archive color palette (#E2FDEF, #B5DADD, #9CAFBD, #9B808D, #604A55)
• Hushed Lagoon color palette (#E2F6DC, #21878D, #3D507B, #49230E, #1E0700)
• Tempered Chapel color palette (#BFE7E8, #2EC68D, #9B53B0, #007650, #3C1546)

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