Lagoon Garden color palette — #F6F7E1 · #86C69A · #37937A · #64645C · #343630
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F7E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#86C69A): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#37937A): A luminous, balanced teal — the color of shallow lagoons.
- Graphite (#64645C): a grounded near-black with real depth.
- Espresso (#343630): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Lagoon Garden 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
- Timeworn Mustard color palette (#FEF4E3, #BDB963, #748A43, #67635C, #38352F)
- Ancient Lagoon color palette (#E8F9F7, #A9DBD8, #4E9C7A, #466F43, #002F2E)
- Tempered Cypress Alley color palette (#F7F6E8, #96A079, #007364, #544C00, #303B00)
- Weathered Pine Market color palette (#F7EBC4, #8EBD44, #00912C, #006A5B, #223402)
- Timeworn Azure Field color palette (#FBF4EA, #9CE2EF, #41A2C6, #007D74, #1B4338)
- Hazy Teal color palette (#C7E8E2, #00C6C2, #0092A5, #00637C, #03415D)
- Hushed Bloom color palette (#F7F5ED, #BDDCB4, #7BA88C, #72836F, #4F5100)
- Mustard Atelier color palette (#EEE3D4, #B4A745, #6A7B26, #1F5E71, #322709)
Browse the whole catalog at Explore, or see today's palette.