Lagoon Drift color palette — #F8F5EB · #B2B77C · #44A177 · #2C7481 · #613700

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

The five colors

• Ivory (#F8F5EB): a clean, paper-quiet neutral.
• Sage (#B2B77C): A luminous, dusty green — the color of new leaves after rain.
• Fern (#44A177): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#2C7481): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#613700): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Timeworn Lagoon Courtyard color palette (#F5F6EC, #8EC08E, #339EA0, #476C91, #45423B)
• Softworn Moss color palette (#F9F4EC, #C9AE72, #739A53, #19796A, #254B3A)
• Frosted Moss color palette (#FAF6E0, #91A800, #008C71, #005E7A, #402D00)
• Washed Taupe Market color palette (#FCF5DF, #DDDBC6, #ABB187, #708676, #44554D)
• Tempered Amber color palette (#FDF3EB, #C5885A, #1B8178, #5D4973, #583743)
• Wandering Bronze color palette (#F6F5ED, #D3D4B4, #85A683, #9C7635, #525000)
• Dusty Shell Delta color palette (#FEF2ED, #FEB7AA, #58A9AB, #795E8A, #4F2C37)
• Tempered Teal Atelier color palette (#EEF8EF, #E4C18B, #71BAA2, #6C87B9, #4D3959)

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