Pine Lagoon color palette — #F6F2E4 · #8FAA77 · #3E7248 · #484920 · #1F1D00

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

The five colors

• Cream (#F6F2E4): bright and airy, almost weightless.
• Sage (#8FAA77): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#3E7248): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#484920): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#1F1D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Airy Pine Station color palette (#F6F2E0, #89B679, #0B7F4B, #005853, #0B2801)
• Muted Fern color palette (#F1E3CD, #9E9848, #4F6500, #004B28, #191700)
• Fern Thicket color palette (#F3F3E4, #97BFA1, #3D846F, #5B5804, #252A17)
• Timeworn Jade color palette (#DDEEE3, #00B08E, #008073, #00494A, #002228)
• Worn Driftwood color palette (#F6F1E8, #CAC4A8, #88873F, #526B2C, #33312A)
• Muted Market color palette (#EFECD2, #50884A, #005133, #242F00, #010B00)
• Frosted Courtyard color palette (#E0EEDF, #00A6A3, #BF555B, #006260, #39050C)
• Pewter Market color palette (#DAF1DC, #008D92, #8D539D, #785300, #001A04)

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