Pine Pier color palette — #D9E8D7 · #008734 · #005C35 · #003420 · #000A06

Built around Olive Leaf, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Parchment (#D9E8D7): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#008734): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#005C35): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#003420): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000A06): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

One click turns Pine Pier 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

• Pine Boulevard color palette (#E3ECDE, #157812, #004121, #001C14, #000B08)
• Timeworn Pine Field color palette (#DEE5D4, #007D52, #804900, #00442B, #0C0400)
• Worn Lagoon Hollow color palette (#D3F8ED, #008C7A, #005649, #00211B, #000202)
• Washed Bronze color palette (#F5EFDA, #7F7000, #4D4A00, #2A2E00, #050700)
• Weathered Denim color palette (#D0F7ED, #006757, #005280, #3F4100, #000202)
• Teal Atelier color palette (#E0EADA, #00BFBD, #0095A9, #006046, #001311)
• Sunlit Ridge color palette (#DDECE5, #00B693, #008A77, #005F59, #003534)
• Washed Harbor color palette (#D5F3F8, #008EA8, #005F78, #003D52, #001524)

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