Pine Lagoon color palette — #E7F1F0 · #CBDBDE · #A2BCCB · #1A883D · #143432
Fern takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E7F1F0): bright and airy, almost weightless.
- Silver (#CBDBDE): a clean, paper-quiet neutral.
- Ash (#A2BCCB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Fern (#1A883D): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#143432): 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
- Hushed Cypress color palette (#E5F1F4, #CDD9E3, #AAB8D2, #008284, #1D3137)
- Hushed Bronze Grove color palette (#E9F1EC, #C9DCD9, #9BBFC4, #817200, #1D3427)
- Forest Studio color palette (#EDEFE9, #C6D0C0, #90A88F, #0A6539, #2C3020)
- Washed Fern Study color palette (#D4EBE3, #78B492, #008380, #4E5D09, #02321D)
- Lagoon Archive color palette (#EFF7F8, #D7DAE0, #BFBFCF, #25A495, #3C4B4E)
- Terracotta Lagoon color palette (#CBF1E8, #7FADA2, #528A73, #924438, #4B3B00)
- Worn Cypress color palette (#CDF0F6, #008475, #12374B, #001A1E, #000605)
- Aged Hollow color palette (#DBE7EA, #A5B7C4, #8896AE, #005F5E, #00171D)
Browse the whole catalog at Explore, or see today's palette.