Pine Pier color palette — #E4E6D6 · #2E8E5D · #00473A · #092200 · #000201

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

The five colors

• Parchment (#E4E6D6): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#2E8E5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#00473A): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#092200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Olive Grove color palette (#E6E0D0, #738331, #1C4800, #002218, #020100)
• Washed Emerald color palette (#E3E3C8, #49A369, #005B47, #003236, #010100)
• Softworn Cypress color palette (#CCE9E4, #007D83, #004E59, #001D26, #000103)
• Forest Boulevard color palette (#D0ECE9, #1B6E45, #003425, #001D04, #000803)
• Wandering Boulevard color palette (#FCF5DE, #89B065, #00742F, #00463E, #090800)
• Worn Terracotta color palette (#D2E5DA, #00778F, #8B3600, #00313C, #030000)
• Olive Thicket color palette (#FBF4E8, #BFC075, #5F8500, #2B5C43, #1F1700)
• Ancient Alley color palette (#E6DFD5, #6EADBC, #005D7B, #002B29, #000103)

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