Lagoon Loft color palette — #EFF8EE · #B8BA72 · #5A9059 · #526B50 · #1D3D30

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

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Sage (#B8BA72): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#5A9059): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#526B50): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#1D3D30): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Lagoon Loft 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 Corridor color palette (#E2FCF3, #84C5A0, #32918E, #486C60, #1C3B3B)
• Aged Pine Coast color palette (#DBE9DC, #A1AC63, #39834E, #0C606D, #033125)
• Emerald Lantern color palette (#FAF4EB, #DBD0A6, #6C985C, #7C5E1E, #2F270B)
• Dusty Fern Hollow color palette (#FBF5E5, #9C9F6F, #5B6B27, #5E4700, #37352F)
• Muted Thicket color palette (#E9FAF0, #ABD5C2, #99A86C, #8D8554, #103F2F)
• Wandering Clover Ridge color palette (#E2E4D5, #49C566, #00A175, #006C69, #00404B)
• Clover Courtyard color palette (#CAF7E6, #07CB77, #008A84, #576206, #00381D)
• Soft Delta color palette (#DFF0E2, #879E36, #007441, #58410F, #171E00)

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