Pine Lagoon color palette — #E9EDDF · #BACAB4 · #8FAE97 · #087437 · #1E220E
Built around Pine, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#E9EDDF): bright and airy, almost weightless.
- Pistachio (#BACAB4): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8FAE97): A luminous, dusty teal — the color of glacier melt.
- Pine (#087437): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#1E220E): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Softworn Forest color palette (#DFE6DA, #A3BCA6, #799F8F, #00614D, #0F1609)
- Softworn Emerald color palette (#D4E2E1, #B6C1CA, #9CA7C1, #219947, #042523)
- Lagoon Quarry color palette (#F1F7EF, #CFE4D6, #A2C7BB, #008A7E, #2D3629)
- Wandering Teal Terrace color palette (#D9EFDC, #3BA8A9, #496E8D, #6C4033, #422310)
- Tempered Emerald color palette (#EDDCD5, #00995B, #006374, #61173C, #001B16)
- Airy Lime color palette (#DDEFD4, #77D300, #00B38D, #0083AF, #001B1B)
- Antique Nightshade Bloom color palette (#EAF2DA, #008B51, #4A3DAA, #640019, #2A0006)
- Weathered Meadow color palette (#E2E6DE, #B6CBB7, #93AB9F, #007256, #1B2215)
Browse the whole catalog at Explore, or see today's palette.