Pine Lagoon color palette — #FFF3E5 · #A3A85F · #22722F · #533500 · #080800

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A3A85F): A luminous, balanced green — the color of fresh herbs.
• Olive (#22722F): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#533500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Antique Teal color palette (#FAF7D9, #6EB390, #006E6E, #344200, #000B04)
• Muted Jade Parlor color palette (#FDF5DC, #79B377, #00705F, #572750, #000B01)
• Worn Delta color palette (#EEE0C3, #749C58, #005C44, #342A00, #000200)
• Emerald Garden color palette (#E3EACB, #3AAB48, #006F55, #003E39, #000E12)
• Olive Loft color palette (#FFF3E6, #C1BF79, #508648, #005D62, #1B1900)
• Tempered Olive color palette (#DCF3E3, #A8AC6F, #658D32, #796100, #1B1D00)
• Mint Coast color palette (#FFF5D4, #93D798, #009281, #5E5C00, #002706)
• Muted Basin color palette (#D4FFFD, #00C3BF, #007268, #002C27, #000201)

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