Pine Lagoon color palette — #D7E6C7 · #75B754 · #11881C · #00591F · #003219
A conversation between Olive Leaf and Clover, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D7E6C7): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#75B754): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#11881C): A full-bodied, vivid green — the color of fresh herbs.
- Deep Olive (#00591F): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#003219): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Pine 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
- Faded Moss Garden color palette (#EDEFD4, #93A000, #667E00, #345400, #072A00)
- Pine Field color palette (#F1EFDE, #91A500, #148E1D, #006341, #004852)
- Emerald Coast color palette (#E3EEE0, #3FA051, #006633, #003E25, #001910)
- Wandering Lime Drift color palette (#E0E8D6, #76CD35, #319E00, #007322, #0D502C)
- Patina Jade Atelier color palette (#D0EDDC, #00B589, #007D66, #005046, #002826)
- Hushed Ember color palette (#D5FBF6, #52B14E, #D15900, #106F12, #3A1300)
- Hushed Moss Balcony color palette (#FEFAAA, #C1DC67, #3BAB02, #006E44, #003E35)
- Tempered Emerald color palette (#B8F2EA, #3A9B2C, #008492, #835700, #031F01)
Browse the whole catalog at Explore, or see today's palette.