Pine Lagoon color palette — #DCF2DD · #A8B364 · #218E44 · #5F4E8C · #2D3100
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DCF2DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A8B364): A luminous, balanced green — the color of fresh herbs.
- Fern (#218E44): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#5F4E8C): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Forest (#2D3100): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance, 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
- Airy Lime color palette (#D5F5DE, #92BB53, #008E60, #8A3A66, #233403)
- Weathered Parlor color palette (#ECFAEA, #B8B886, #618E5D, #5C6082, #193D2F)
- Feathered Delta color palette (#FFF3E5, #C6CB57, #00982D, #604B86, #1F2000)
- Hazy Pine color palette (#D7EAD9, #8A9B58, #00743F, #54356A, #171E00)
- Worn Courtyard color palette (#D5EAE3, #79B493, #008281, #714463, #003030)
- Weathered Drift color palette (#DAF3E2, #BEC971, #70BA1F, #8C55A3, #2D3101)
- Ash Harbor color palette (#F0F7F1, #B2DBD0, #79A5A5, #7A7B90, #3A534C)
- Muted Olive color palette (#D0EADB, #58824B, #005241, #3B1B48, #010800)
Browse the whole catalog at Explore, or see today's palette.