Pine Lagoon color palette — #E7F1F0 · #C7DCDE · #A3BDC2 · #3D834A · #213230
A conversation between Fern and Ash, giving this palette its sense of nature and growth.
The five colors
- Cream (#E7F1F0): bright and airy, almost weightless.
- Silver (#C7DCDE): A whisper-light, dusty blue — the color of open sky before noon.
- Ash (#A3BDC2): A luminous, dusty blue — the color of open sky before noon.
- Fern (#3D834A): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#213230): A deep, shadowed, dusty teal — the color of sea glass.
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
- Antique Lagoon Quarry color palette (#E7F9FF, #CEE1ED, #A1C2E0, #008891, #1B3741)
- Hushed Archive color palette (#EEEFE7, #C5D9CF, #9EC2BE, #66A459, #2E2F1E)
- Dusty Cypress color palette (#E2EDEE, #B2C9CE, #8BAAB8, #007258, #0B2425)
- Softworn Pine color palette (#D2EBE4, #79B586, #008665, #475E2D, #0D3117)
- Hushed Emerald color palette (#C6E8CD, #21AD67, #007879, #662D69, #002C20)
- Tempered Station color palette (#CCE8E8, #009F6C, #0068A7, #6B1369, #351500)
- Tempered Field color palette (#DEF2F5, #00856F, #003B3E, #001A1D, #000606)
- Basalt Atelier color palette (#D4FAE7, #7DBABA, #65889D, #704963, #522126)
Browse the whole catalog at Explore, or see today's palette.