Pine Lagoon color palette — #E9F6E8 · #A8AD6D · #008229 · #684402 · #212300
A conversation between Olive and Bronze, giving this palette its sense of nature and growth.
The five colors
- Cream (#E9F6E8): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A8AD6D): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#008229): A full-bodied, vivid green — the color of a quiet forest floor.
- Bronze (#684402): A full-bodied, balanced gold — the color of old brass.
- Onyx (#212300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, 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
- Timeworn Cypress color palette (#E6F7EC, #8EAA7D, #007759, #50461D, #00221D)
- Quiet Fern Parlor color palette (#F9DBE8, #AA9433, #426800, #004846, #1B1500)
- Hazy Emerald Coast color palette (#FFF3E4, #BAC367, #3F9D52, #836232, #3B3E10)
- Hushed Mulberry color palette (#E5F7EE, #84B686, #007D6D, #6C3462, #002724)
- Clover Field color palette (#DFE5CF, #34C250, #008166, #00544F, #00262F)
- Muted Pine color palette (#DEF5E9, #478A4C, #004F45, #2D2B00, #000A09)
- Driftwood Hollow color palette (#F7EFF2, #ACCCBC, #6A8E64, #4A6670, #26352E)
- Quiet Crimson color palette (#B7F2EF, #009C53, #DA0034, #B02600, #001D1C)
Browse the whole catalog at Explore, or see today's palette.