Lagoon Alley color palette — #F6F2E4 · #B3B791 · #1E8867 · #405D4A · #282912

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

The five colors

• Cream (#F6F2E4): bright and airy, almost weightless.
• Sage (#B3B791): A luminous, dusty green — the color of new leaves after rain.
• Fern (#1E8867): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#405D4A): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#282912): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Dusty Pine color palette (#F9F1E3, #B1B98B, #598154, #6A495B, #2C2714)
• Fern Thicket color palette (#F5F7E4, #90BC9B, #4F7F68, #4F5F47, #3D4900)
• Hushed Lagoon Bloom color palette (#EBF9F3, #AFCFA9, #5C9F85, #5A7684, #2E4844)
• Tempered Cerulean Hollow color palette (#F7F0ED, #C8E5D1, #4C96C0, #016E5E, #382438)
• Forest Delta color palette (#E9E4D5, #759A5B, #006640, #442C58, #141300)
• Jade Corridor color palette (#E6E7CC, #13AF7A, #006964, #004461, #001C10)
• Midnight Bloom color palette (#E8E6CF, #1A7B40, #004036, #00222E, #020300)
• Patina Pine Coast color palette (#E9E8D9, #2C8D59, #004F46, #41153F, #060900)

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