Pine Lagoon color palette — #F9D3D7 · #BE6BB2 · #128020 · #67005E · #013306

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

The five colors

• Shell Pink (#F9D3D7): A whisper-light, dusty red — the color of late-summer berries.
• Dusty Rose (#BE6BB2): A luminous, balanced pink — the color of a candy shop window.
• Olive (#128020): A full-bodied, vivid green — the color of fresh herbs.
• Mulberry (#67005E): A deep, shadowed, balanced pink — the color of neon signs at night.
• Deep Forest (#013306): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Warmth, Comfort, Balance. Tagged warm.

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

• Pale Aubergine color palette (#F3D5DE, #9369B6, #2E8719, #5F008E, #083301)
• Faded Mulberry Chapel color palette (#F3D6D5, #B75890, #007D64, #82005C, #003126)
• Aubergine Canyon color palette (#E7E4FB, #A75BB9, #007695, #6E0582, #00151D)
• Antique Plum color palette (#FFE4E5, #A6388D, #007237, #005C3F, #340F2B)
• Aged Studio color palette (#F0D5E7, #6C75CA, #6B7000, #381CBE, #292C00)
• Dusty Plum Pier color palette (#F5D5D8, #CE70C5, #B97500, #9E2097, #3C2200)
• Quiet Plum Corridor color palette (#FFF2EF, #CB8B95, #00A17E, #B51E4F, #004F3C)
• Clover Atelier color palette (#E2D8F9, #FF98EF, #5ABB5A, #9D4B92, #023305)

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