Pine Pier color palette — #E2E2CC · #127C3D · #004130 · #132400 · #000401

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

The five colors

• Parchment (#E2E2CC): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#127C3D): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004130): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#132400): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Worn Lagoon Meadow color palette (#E2E4CF, #468864, #005042, #003036, #060900)
• Dusty Olive Archive color palette (#FDEBD1, #736A14, #303C00, #291C00, #030300)
• Emerald Quarry color palette (#DFF1ED, #009D4C, #00624A, #264100, #001505)
• Cypress Alley color palette (#F3F3E7, #83AC87, #007755, #0C5152, #1B1F04)
• Dusty Garnet Lagoon color palette (#DDF1E3, #006776, #8C0601, #003038, #0B0000)
• Deep Parlor color palette (#DEF4E7, #005264, #6E0059, #362F00, #000102)
• Shadow Petrol color palette (#D9F3FF, #00769D, #003E52, #001119, #000102)
• Feathered Hollow color palette (#E0F4FA, #46A8E9, #646CE6, #004A4C, #00060D)

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