Pine Lagoon color palette — #DAF1EB · #769F6E · #007435 · #554300 · #042201
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DAF1EB): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#769F6E): A luminous, balanced green — the color of fresh herbs.
- Pine (#007435): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#554300): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#042201): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, 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
- Aged Fern color palette (#D2E3D8, #9A9640, #5D6800, #524400, #1D1C00)
- Wandering Lantern color palette (#F8F7DD, #7DB275, #007336, #4A3A00, #010B00)
- Tempered Lagoon color palette (#D3ECEA, #409671, #00614D, #393C00, #00140A)
- Pine Meadow color palette (#D3EAE6, #7CB48A, #23855D, #3B6034, #00302F)
- Linen Pine Lantern color palette (#DCECDF, #008C42, #00758C, #705300, #001706)
- Washed Garnet color palette (#D5ECE4, #558762, #005144, #570E16, #00220C)
- Aged Lagoon color palette (#E2FCF5, #99CA90, #539865, #59723E, #284223)
- Patina Moss color palette (#D7F4EE, #4B9D00, #007EB0, #2C6200, #001E2D)
Browse the whole catalog at Explore, or see today's palette.