Pine Lagoon color palette — #FFF0F9 · #FF986F · #B79500 · #2B8C2A · #541333

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Melon (#FF986F): A luminous, balanced orange — the color of toasted spice.
• Mustard (#B79500): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#2B8C2A): A full-bodied, vivid green — the color of new leaves after rain.
• Mulberry (#541333): A deep, shadowed, balanced rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, 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

• Marigold Study color palette (#FFECF3, #F9971F, #939B1A, #318160, #4A181F)
• Feathered Amber color palette (#FEF0FF, #FF929E, #DD7D00, #7D7900, #431C51)
• Misty Coral color palette (#FFF2EC, #FF8675, #788800, #005C65, #280855)
• Hazy Thicket color palette (#CCF3DF, #B8AC00, #00A55C, #00757E, #3A1A00)
• Dusty Olive Field color palette (#D7F0DD, #B28900, #4C8400, #005F51, #2A0002)
• Amber Orchard color palette (#F1E2D8, #FFAC61, #D98700, #A36F00, #513A00)
• Softworn Hollow color palette (#FFF2EC, #F9BA83, #BCA67B, #5A8D88, #514966)
• Tempered Veranda color palette (#E2FEE7, #E7AC00, #60BA34, #AB4275, #521F00)

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