Pine Lagoon color palette — #FAF5E9 · #B3B28D · #348559 · #436349 · #484500
Fern takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FAF5E9): a clean, paper-quiet neutral.
- Sage (#B3B28D): A luminous, dusty green — the color of new leaves after rain.
- Fern (#348559): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#436349): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Olive (#484500): A deep, shadowed, balanced green — the color of fresh herbs.
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
- Wandering Olive color palette (#FBF4EC, #BBAF8A, #5F7E47, #6C5061, #514000)
- Muted Basalt color palette (#F6F7E4, #A8D1A6, #6C9C7A, #69775D, #424700)
- Timeworn Lagoon color palette (#E2F7F2, #97C095, #50825F, #385C5F, #112D2A)
- Pine Terrace color palette (#FAF5E6, #84A772, #00754E, #564068, #36362F)
- Weathered Cerulean color palette (#FBF3F0, #CCE3D0, #3996B8, #277159, #295047)
- Timeworn Teal color palette (#EAF9F3, #ACE1D8, #86BA99, #6F98A1, #2D4944)
- Pine Alley color palette (#E7E3CD, #538957, #005140, #421C4A, #1A1D00)
- Weathered Mallow color palette (#FFF0FC, #E8D8D7, #F7A9C8, #3E85A4, #624B56)
Browse the whole catalog at Explore, or see today's palette.