Pine Lagoon color palette — #D2E7E3 · #098C44 · #005335 · #00342C · #000902
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Silver (#D2E7E3): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#098C44): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#005335): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Forest (#00342C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000902): A deep, shadowed, dusty teal — the color of sea glass.
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
- Frosted Emerald color palette (#E0F1EE, #209C46, #00633C, #00404B, #001504)
- Muted Olive Lantern color palette (#DAEDE0, #628744, #004833, #001F2B, #000200)
- Wandering Cerulean Villa color palette (#D1EBE7, #06A4BC, #00627A, #003B3E, #000B12)
- Ancient Teal color palette (#D2EAEA, #54BA9F, #008477, #305C6A, #002F34)
- Chalky Pier color palette (#E6EEFF, #503CFB, #006758, #291993, #000806)
- Patina Driftwood color palette (#E8FAF1, #B1BB7F, #728A4B, #426B72, #1F3C32)
- Mint Ridge color palette (#DBFDFB, #5CD5A1, #189C7F, #1E7873, #0E4344)
- Grape Pier color palette (#DEDEFA, #5B00E1, #8C0057, #004555, #02000D)
Browse the whole catalog at Explore, or see today's palette.