Pine Lagoon color palette — #E5E7CE · #82B388 · #38835B · #435E38 · #272C0B
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E5E7CE): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#82B388): A luminous, balanced green — the color of fresh herbs.
- Fern (#38835B): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#435E38): A full-bodied, dusty green — the color of fresh herbs.
- Deep Forest (#272C0B): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Muted Basin color palette (#EFEDCE, #86BC79, #00903E, #006C4F, #0D3800)
- Patina Canyon color palette (#F4F7E9, #8CC3A4, #3E9277, #606A23, #2D3C00)
- Hushed Olive color palette (#EFE3CF, #B0A66D, #767704, #67531A, #302900)
- Pine Canyon color palette (#E8FAF6, #8CCD96, #008D58, #3B5B2F, #001D1C)
- Wandering Teal color palette (#D9E9E3, #90CB96, #00A98A, #707C41, #00302D)
- Wandering Bloom color palette (#C9E7CE, #00ADB8, #908A00, #007179, #2D2A00)
- Linen Fern color palette (#E1DFD1, #728E4D, #246300, #004425, #0A1300)
- Antique Teal Meadow color palette (#D5F2EE, #00B2B4, #008188, #005C68, #003A45)
Browse the whole catalog at Explore, or see today's palette.