Pine Lagoon color palette — #F5F7E8 · #A6E9FD · #A599CD · #4E814B · #25473E
Built around Fern, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F7E8): bright and airy, almost weightless.
- Powder Blue (#A6E9FD): A whisper-light, dusty blue — the color of open sky before noon.
- Mauve (#A599CD): A luminous, dusty violet — the color of a velvet chair.
- Fern (#4E814B): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#25473E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, 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
- Patina Ash Coast color palette (#F1F8EB, #C6DFFF, #C18FBB, #3E816C, #4D3745)
- Hushed Villa color palette (#FCF4E8, #A6EDE2, #88A3CF, #8D6C32, #2C4635)
- Softworn Driftwood color palette (#ECF9EC, #C4E7EA, #D3B6BE, #7A8D6F, #475647)
- Lilac Corridor color palette (#E9FAED, #BDCFFF, #BD9FD9, #A78652, #414758)
- Weathered Sky color palette (#E5FBF4, #66B1DD, #88689C, #526035, #3D485A)
- Driftwood Quarry color palette (#F2F9E0, #92B7F7, #A66495, #005E59, #341527)
- Periwinkle Ridge color palette (#FDF0DC, #8EA9F1, #856B9D, #664D25, #362730)
- Powder Hollow color palette (#FCF2F7, #A9A7E1, #664D4F, #34262E, #0A110F)
Browse the whole catalog at Explore, or see today's palette.