Emerald Lagoon color palette — #E3FCF4 · #A3C794 · #54985C · #8D5B40 · #2A421F
A conversation between Fern and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E3FCF4): A whisper-light, dusty teal — the color of sea glass.
- Pistachio (#A3C794): A luminous, balanced green — the color of fresh herbs.
- Fern (#54985C): A luminous, balanced green — the color of fresh herbs.
- Walnut (#8D5B40): A full-bodied, dusty orange — the color of toasted spice.
- Forest (#2A421F): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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
- Muted Terrace color palette (#E9FAEF, #A7CFBC, #8B965F, #856875, #2F493D)
- Emerald Pier color palette (#F8F7DE, #BCE7AA, #4EA85B, #995732, #1E3514)
- Lagoon Courtyard color palette (#E8F9F8, #8EC2A5, #3E9277, #536B51, #163C3D)
- Tempered Olive Delta color palette (#CBF7E7, #8FBC54, #448B2D, #76540B, #213500)
- Pine Pier color palette (#E6FBF1, #8CAF7E, #007D56, #644072, #29421F)
- Jade Pier color palette (#FDF5DE, #B1DE9A, #00C284, #9E79A6, #2B421F)
- Chalky Amber color palette (#E4FDE3, #BEE0C2, #D8D37E, #B87740, #523D13)
- Ancient Station color palette (#CFE7D2, #A7913F, #6B6200, #6E3112, #221A00)
Browse the whole catalog at Explore, or see today's palette.