Soft Lagoon Lagoon color palette — #F3ECCB · #80BD7C · #008C6B · #006678 · #173616
Built around Fern, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Parchment (#F3ECCB): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#80BD7C): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#008C6B): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#006678): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#173616): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Soft Lagoon Lagoon 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
- Sunlit Mint Studio color palette (#D7FFF5, #7ADD92, #009470, #006569, #00260C)
- Wandering Lagoon color palette (#F6E9D7, #AEB249, #3D8D00, #006A60, #2F3000)
- Emerald Meadow color palette (#FBF5E7, #A8BE85, #3D9559, #695A85, #36362F)
- Soft Garden color palette (#E9E1C8, #70A25C, #00734F, #543667, #082100)
- Mustard Harbor color palette (#F7E9D8, #BDAE00, #5A8700, #4D5494, #342F00)
- Powdered Emerald color palette (#C3F8F1, #00AD64, #006B4C, #004E46, #00381D)
- Mint Meadow color palette (#CFF6E0, #90D67B, #00B08F, #3484AC, #123704)
- Hushed Fern Lantern color palette (#F6F6ED, #CCD6B3, #69AA9D, #6B8478, #46540A)
Browse the whole catalog at Explore, or see today's palette.