Pine Pier color palette — #E0E5D0 · #008A5F · #005241 · #2C2E00 · #040700

A conversation between Fern and Forest, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E0E5D0): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#008A5F): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#005241): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Forest (#2C2E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#040700): 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 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

• Ancient Harbor color palette (#F3EFD9, #5B8322, #175400, #283000, #070600)
• Washed Lagoon Orchard color palette (#E1E7D2, #009B6D, #00614E, #124324, #0B1200)
• Powdered Pine color palette (#EBF4D2, #007E42, #844500, #004421, #0D0300)
• Hushed Onyx color palette (#E6EAD1, #338B7D, #004450, #3A0011, #000201)
• Worn Forest color palette (#CAE6DB, #006850, #005477, #443F00, #000201)
• Hushed Corridor color palette (#D2E9E0, #00B9AC, #0099A2, #005938, #000F0B)
• Cypress Orchard color palette (#D3F3EF, #55987E, #007168, #614100, #000804)
• Denim Pier color palette (#EAEDD9, #509FB1, #00627A, #003B3E, #000B12)

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