Emerald Lagoon color palette — #FBF4E9 · #B2BA82 · #57914E · #815656 · #37352F
Built around Olive Leaf, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Sage (#B2BA82): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#57914E): A full-bodied, balanced green — the color of fresh herbs.
- Coffee (#815656): A full-bodied, dusty red — the color of a theater curtain.
- Espresso (#37352F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, 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
- Weathered Balcony color palette (#F6F6E8, #83C5A6, #00948D, #7E546B, #343730)
- Moss Chapel color palette (#EBFAEF, #D0D5A0, #779557, #845452, #013022)
- Soft Emerald Study color palette (#FCF4E7, #B4C56D, #2DA035, #7D6629, #383F17)
- Weathered Lagoon color palette (#F8F5ED, #C6C89F, #4FA27E, #8C675F, #454600)
- Wandering Lantern color palette (#ECE4CF, #8FB269, #00884E, #5E5628, #2D2A02)
- Timeworn Taupe color palette (#E6FCEE, #9FA05A, #5E6933, #5E414D, #1D3D30)
- Hushed Atelier color palette (#FCF7CD, #B4C16B, #868A00, #4D5700, #1D2600)
- Hushed Iris color palette (#F4EEDE, #B7AB3D, #8A81FF, #7F7300, #313057)
Browse the whole catalog at Explore, or see today's palette.