Pine Lagoon color palette — #E7FBED · #B2C483 · #498751 · #534A70 · #151B00

Fern and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FBED): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#B2C483): A luminous, balanced green — the color of new leaves after rain.
• Fern (#498751): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#534A70): A full-bodied, dusty violet — the color of twilight just after sunset.
• Ink (#151B00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Aged Coast color palette (#E0FCF5, #8ACCA9, #13887F, #125877, #001F11)
• Lagoon Villa color palette (#E7FBEF, #C3D9AE, #549B71, #6B5A83, #022F28)
• Jade Boulevard color palette (#DEFEF0, #78B470, #007154, #4E2A5D, #010B00)
• Forest Veranda color palette (#ECE4D5, #869353, #026717, #403465, #2E290C)
• Weathered Emerald color palette (#E6E6D4, #A3C59C, #50A665, #2A838D, #2A2B04)
• Tempered Pier color palette (#E0F3ED, #74996C, #00672B, #004147, #001613)
• Mulberry Corridor color palette (#F6F3FF, #ED93E8, #11A859, #931691, #001F0B)
• Washed Grove color palette (#EAF9F4, #B6E7F8, #6BAD9E, #787092, #1F3F3D)

Browse the whole catalog at Explore, or see today's palette.