Pine Lagoon color palette — #F5F6EC · #9ABA97 · #B186BF · #3E853A · #5B4263

Olive Leaf takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Sage (#9ABA97): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#B186BF): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#3E853A): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#5B4263): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Cypress Canyon color palette (#F0F8EB, #7EBFAD, #C680A1, #00866E, #684140)
• Aged Bronze color palette (#FBF5E7, #BDB07A, #8198CC, #867100, #5E425A)
• Washed Azure Ridge color palette (#E5F6F4, #8BC396, #5FA2DB, #418251, #1B3349)
• Weathered Bloom color palette (#F2F8E5, #76A587, #997BB1, #9E5E86, #41433C)
• Weathered Boulevard color palette (#F4F7E7, #A6D2A7, #6CB9F4, #609D64, #2D564B)
• Weathered Amber color palette (#EAFAEC, #63AEB1, #BC7557, #007479, #64331D)
• Mallow Garden color palette (#E6FAF7, #AFE6AD, #DEB4F2, #89B687, #4C4965)
• Softworn Chapel color palette (#FEF3E7, #C4B69D, #A5753C, #804F3C, #564700)

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