Pine Lagoon color palette — #FFE7F0 · #9E5900 · #02761C · #005345 · #040100

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

The five colors

• Blush (#FFE7F0): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#9E5900): A full-bodied, balanced gold — the color of old brass.
• Olive (#02761C): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005345): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#040100): quiet, heavy and certain.

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

• Antique Drift color palette (#E4F6E4, #976800, #4A5F00, #004131, #070000)
• Tempered Bronze Terrace color palette (#CDE8D7, #7F6C00, #007164, #00505C, #020200)
• Linen Orchard color palette (#ECD9E7, #C81F00, #5F6800, #005618, #060000)
• Worn Orchard color palette (#F9D7E9, #AD4C00, #507A15, #670066, #060003)
• Frosted Bronze color palette (#F6D9CC, #BD6500, #885500, #4D3200, #080500)
• Pale Byzantium color palette (#E3DEF7, #AB10B8, #994600, #004A76, #050005)
• Airy Lagoon color palette (#D4E8DC, #A18A00, #009384, #00707D, #001207)
• Olive Courtyard color palette (#CCEEE6, #588D00, #007E91, #005893, #020600)

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