Pine Lagoon color palette — #DBF6E4 · #879D50 · #227237 · #005050 · #161E00
Built around Pine, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DBF6E4): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#879D50): A luminous, balanced green — the color of fresh herbs.
- Pine (#227237): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#005050): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#161E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, 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
- Dusty Pine color palette (#FFF4DE, #97AC61, #00742B, #004545, #060900)
- Lagoon Alley color palette (#CEEDE0, #60925F, #00624B, #003F4C, #001501)
- Fern Lagoon color palette (#FFE8EF, #A39247, #556A16, #354271, #211A00)
- Misty Emerald Thicket color palette (#D1E4DD, #8AB670, #33963A, #347256, #0D2100)
- Softworn Pine color palette (#D8EADF, #94B06E, #2E8550, #5B4D73, #1F2F03)
- Fern Hollow color palette (#DAEADA, #7E7734, #324F00, #222553, #070600)
- Washed Petrol color palette (#EFE3EB, #6AC2C2, #00829A, #005D39, #002236)
- Quiet Lantern color palette (#EAFAED, #B9C36F, #59994C, #67609B, #3A3F03)
Browse the whole catalog at Explore, or see today's palette.