Pine Lagoon color palette — #E8F9FA · #80BFA8 · #C6809E · #008767 · #564561

Fern and Dusty Rose set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E8F9FA): bright and airy, almost weightless.
• Mint Leaf (#80BFA8): A luminous, dusty teal — the color of shallow lagoons.
• Dusty Rose (#C6809E): A luminous, balanced rose — the color of strawberry cream.
• Fern (#008767): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#564561): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Sophistication. 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

• Wandering Olive Market color palette (#E7FAF4, #89BCAC, #A18CCA, #687D17, #474A68)
• Weathered Coral Coast color palette (#E5F6F4, #96C095, #D87E84, #4D804D, #3D293E)
• Blush Delta color palette (#F1F8EA, #90D6B7, #E496B6, #4F9E7E, #664240)
• Petrol Market color palette (#EAF8FF, #78BCCE, #C8866C, #008098, #6B4130)
• Bronze Alley color palette (#E5FAFD, #5DA896, #8E7DBD, #A8622B, #24494D)
• Softworn Market color palette (#E6F9FC, #D0DCE9, #B9C4E5, #6D987B, #42575D)
• Pale Alley color palette (#E4FAFF, #00A9A4, #DC3654, #006A67, #6E0C23)
• Softworn Villa color palette (#E0FBFF, #99CFDA, #439589, #005C51, #003D45)

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