Lagoon Alley color palette — #F7F6EA · #B6DCB6 · #379F75 · #7E546C · #272A14

Fern takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Pistachio (#B6DCB6): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#379F75): A luminous, balanced teal — the color of shallow lagoons.
• Graphite (#7E546C): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#272A14): 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

• Jade Coast color palette (#F6F6E7, #ACEABC, #00AB85, #8C6037, #2D2F29)
• Misty Harbor color palette (#FEF4DD, #B9D060, #419400, #893E35, #1C2200)
• Tempered Field color palette (#F4F8E2, #81CEAA, #00897A, #6E4805, #131C04)
• Cypress Meadow color palette (#E6F6F0, #82AD84, #2D735F, #58395C, #00221F)
• Softworn Canyon color palette (#E9F9F5, #7FA77E, #3A704E, #664125, #0C3E3A)
• Soft Pier color palette (#FFF3E5, #DF9400, #00ABA9, #9C60BB, #281701)
• Bronze Coast color palette (#F8F5EB, #BBE5D3, #90BB95, #B3754E, #4C4800)
• Washed Periwinkle color palette (#FAF4EB, #C3E3F7, #70A8F5, #007C93, #232B4F)

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