Lagoon Cabin color palette — #F5F6EA · #B0BA90 · #3F936B · #46703C · #35362F

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

The five colors

• Ivory (#F5F6EA): bright and airy, almost weightless.
• Sage (#B0BA90): A luminous, dusty green — the color of new leaves after rain.
• Fern (#3F936B): A luminous, balanced teal — the color of shallow lagoons.
• Olive (#46703C): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#35362F): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Lagoon Cabin 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 Alley color palette (#F2F8E4, #7CCEAC, #179C83, #007977, #004631)
• Olive Thicket color palette (#F0ECD3, #8FBA6B, #2B8F21, #006C45, #1D3600)
• Worn Olive Coast color palette (#F9F5EB, #CEC4A1, #899661, #74762E, #504100)
• Cypress Studio color palette (#E0E8D8, #64B7A3, #00837B, #006169, #1D2F11)
• Tempered Turquoise color palette (#F5F6EF, #BEDEC6, #30A5BE, #007C7B, #004154)
• Muted Pine Quarry color palette (#E1E4D3, #3F855B, #00523A, #00342D, #000803)
• Ancient Loft color palette (#E6EAD8, #5CA481, #007259, #005424, #002113)
• Pine Orchard color palette (#D1EDD9, #0BA7BF, #757CE5, #02902F, #00323A)

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