Pine Pier color palette — #FBE8D0 · #AAB444 · #2E8D47 · #5B4C99 · #2D3100
Fern and Gold set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#FBE8D0): A whisper-light, dusty gold — the color of old brass.
- Gold (#AAB444): A luminous, balanced green — the color of fresh herbs.
- Fern (#2E8D47): A full-bodied, balanced green — the color of a quiet forest floor.
- Plum (#5B4C99): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Forest (#2D3100): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, 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
- Weathered Balcony color palette (#FAE9CC, #95B95E, #008E5F, #7F4369, #233400)
- Wandering Villa color palette (#E8FCE7, #C8CB50, #189E2D, #584094, #202000)
- Sunlit Parlor color palette (#FBEDD9, #8B9B59, #197242, #53356B, #181E00)
- Ancient Moss color palette (#F5EAD4, #C3C948, #70AB00, #9265AD, #2F3100)
- Hushed Canyon color palette (#F6F6E9, #8EC1AD, #3A8E95, #7F536C, #273D00)
- Antique Fern color palette (#FAF4EC, #D5D2B7, #95A17B, #92737F, #574E00)
- Hazy Ember Bloom color palette (#F9DFD3, #E05F00, #0090A6, #326D9A, #3F1500)
- Tempered Ridge color palette (#F4E9D2, #5C8145, #00523D, #3C174E, #020800)
Browse the whole catalog at Explore, or see today's palette.