Lagoon Alley color palette — #F8F8D6 · #B1F6E3 · #7FC89B · #279371 · #3A5034
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Custard (#F8F8D6): A whisper-light, dusty green — the color of fresh herbs.
- Sea Foam (#B1F6E3): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#7FC89B): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#279371): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#3A5034): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged light.
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
- Mint Studio color palette (#FFF5D3, #B9DEAA, #61C992, #4EA28F, #3B5641)
- Washed Olive Thicket color palette (#FFF4DA, #C3E9C4, #9DB772, #5C8345, #52544D)
- Wandering Mint Studio color palette (#C3F1DC, #A3CB7E, #449775, #1D615C, #203D48)
- Washed Teal color palette (#D6F5E5, #00C5A6, #00948D, #005459, #00242C)
- Jade Garden color palette (#F2F8EB, #AFEEED, #F5B6D4, #1CB482, #5F3B3A)
- Hushed Stone color palette (#F0F9E9, #C6E7DC, #A9BBD7, #93BD91, #445340)
- Seafoam Harbor color palette (#DEFFE5, #51ECBC, #00B7A0, #006F6D, #00373D)
- Bronze Pier color palette (#FBF4E8, #D6E0C6, #BEAC8A, #9C7034, #484000)
Browse the whole catalog at Explore, or see today's palette.