Pine Pier color palette — #E9E9D2 · #2F8947 · #00523C · #4D0C33 · #000901
Built around Fern, softened by Mulberry — the whole palette hums with nature and growth.
The five colors
- Parchment (#E9E9D2): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#2F8947): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
- Mulberry (#4D0C33): A deep, shadowed, balanced rose — the color of a warm blush.
- Ink (#000901): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, 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
- Aged Fern Corridor color palette (#EEE4CF, #707C2D, #275100, #3E184A, #050700)
- Timeworn Emerald color palette (#EEEDDF, #4A974F, #006243, #582A00, #001502)
- Lagoon Orchard color palette (#DCF4EF, #55885E, #00482B, #2C1400, #000200)
- Nocturne Forest Workshop color palette (#ECE7D5, #126F36, #00332E, #29022A, #000902)
- Muted Station color palette (#DAF0E8, #5F986A, #007360, #633363, #000902)
- Bronze Basin color palette (#EBE5D8, #9A7400, #5D4100, #291B00, #030100)
- Aubergine Hollow color palette (#EEE4D5, #765000, #00595A, #5F0077, #030100)
- Pine Orchard color palette (#F4EDDB, #879C59, #1C7408, #722B1D, #161E00)
Browse the whole catalog at Explore, or see today's palette.