Pine Lagoon color palette — #E7FCE9 · #9CAB66 · #2B7B4A · #005B6A · #373F14

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FCE9): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9CAB66): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#2B7B4A): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005B6A): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Olive (#373F14): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance, 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

• Weathered Olive color palette (#FFF0F8, #BAA065, #5F7300, #005E54, #493808)
• Pale Corridor color palette (#F7F2DC, #8FB578, #008140, #005951, #232203)
• Fern Villa color palette (#E8FAF3, #7CB190, #007975, #4C5802, #094629)
• Muted Olive Garden color palette (#FBF2F7, #97BA9D, #707943, #664F75, #334937)
• Dusty Emerald color palette (#E7FBF2, #9ECA81, #00A151, #1D786E, #0A443C)
• Dusty Meadow color palette (#DCE8DF, #7E9564, #006545, #004558, #003129)
• Olive Villa color palette (#FEE3EC, #9C9542, #357816, #5F0858, #332F00)
• Softworn Chartreuse color palette (#FFF4E1, #BBDE70, #55BC86, #5D92A2, #3C3B34)

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