Emerald Lagoon color palette — #F4F7EB · #A8D1AB · #CDA0C9 · #589F62 · #684046
Fern takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F4F7EB): a clean, paper-quiet neutral.
- Pistachio (#A8D1AB): A whisper-light, dusty green — the color of a quiet forest floor.
- Mauve (#CDA0C9): A luminous, dusty pink — the color of peonies in June.
- Fern (#589F62): A luminous, balanced green — the color of fresh herbs.
- Cocoa (#684046): A full-bodied, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.
Use it as a design system
One click turns Emerald 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
- Moss Cabin color palette (#F8F5EB, #C2CA94, #B8A6DE, #8B9437, #524669)
- Washed Orchard color palette (#EDF9EC, #8ED3D2, #E19C9D, #00A0A0, #664338)
- Dusty Celadon Grove color palette (#E3FBF9, #B8F8C4, #EAB7EF, #72A97D, #48415F)
- Blush Terrace color palette (#EFF9E8, #82C0AE, #A59BD8, #CE718E, #3A4730)
- Washed Fern Veranda color palette (#F4F7EB, #BBE1E3, #AFADB9, #9DA96F, #3C5615)
- Seafoam Coast color palette (#F4F7EA, #A3E8B2, #9ECCF7, #7DB98B, #32554C)
- Pine Hollow color palette (#ECF8F7, #86C098, #689DD3, #3C8357, #3C4F63)
- Muted Fern color palette (#FBF4EC, #D4CAB3, #AF9779, #966850, #534800)
Browse the whole catalog at Explore, or see today's palette.