Pine Lagoon color palette — #D4E5E2 · #0B861E · #006B88 · #02379A · #00110F
Built around Olive Leaf, softened by Indigo — the whole palette hums with nature and growth.
The five colors
- Silver (#D4E5E2): bright and airy, almost weightless.
- Olive Leaf (#0B861E): A full-bodied, vivid green — the color of a quiet forest floor.
- Peacock (#006B88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Indigo (#02379A): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#00110F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Pine Grove color palette (#C1ECE6, #0B7518, #005B77, #003272, #000700)
- Nightshade Workshop color palette (#D5EEEF, #00835F, #0064A4, #3F249B, #00120A)
- Linen Navy color palette (#D5E7E8, #00896C, #005D6E, #002486, #1D0030)
- Emerald Orchard color palette (#D1F0E4, #40972E, #006947, #003D57, #001D06)
- Tempered Olive Coast color palette (#D3EEDF, #7C7000, #007064, #004A5B, #100E00)
- Ancient Terrace color palette (#B6F2F2, #009F6A, #007DC4, #413CC8, #002717)
- Washed Aubergine Market color palette (#C5EDF0, #00624B, #004486, #2B0072, #000203)
- Hazy Lapis color palette (#CEE5ED, #007E85, #5C45C4, #630784, #001016)
Browse the whole catalog at Explore, or see today's palette.