Emerald Lagoon color palette — #E3FFD4 · #9FCC89 · #579246 · #176424 · #022A04
Olive Leaf and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#E3FFD4): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#9FCC89): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#579246): A luminous, balanced green — the color of fresh herbs.
- Pine (#176424): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#022A04): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged monochrome.
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
- Lagoon Workshop color palette (#CCFFEA, #74D0AF, #009577, #005F47, #002B1F)
- Powdered Field color palette (#E1FFDC, #89B67D, #2F7824, #0A4405, #042801)
- Sunlit Moss Grove color palette (#FDF8BF, #B6BF6B, #928800, #554F00, #252200)
- Clover Ridge color palette (#DCFED7, #A1E09B, #5DBC54, #478734, #042601)
- Patina Emerald color palette (#D5FFFA, #AFEDA5, #3FA735, #06560F, #021000)
- Linen Jade Terrace color palette (#DDECDD, #3DB55F, #007941, #003E1F, #001004)
- Muted Lagoon color palette (#D9F0EA, #00A47B, #00624A, #002B21, #000403)
- Basalt Coast color palette (#F8F7DD, #AFF2D3, #82D2D9, #9A8C4F, #3D4500)
Browse the whole catalog at Explore, or see today's palette.