Pine Pier color palette — #F9E6C7 · #808A37 · #297A4B · #35497B · #160628

Pine takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F9E6C7): A whisper-light, dusty gold — the color of honey in a jar.
• Olive Leaf (#808A37): A luminous, balanced green — the color of new leaves after rain.
• Pine (#297A4B): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#35497B): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#160628): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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

• Navy Courtyard color palette (#E9EED8, #64916F, #237C70, #533A70, #21041C)
• Olive Summit color palette (#F7DDCD, #9C7E33, #657518, #024966, #040531)
• Airy Forest color palette (#EEE0D9, #93752D, #056327, #4D2245, #280023)
• Olive Villa color palette (#FFE1D0, #7C7C00, #015642, #271434, #06000D)
• Emerald Boulevard color palette (#E8E6D6, #529C56, #007450, #6F3600, #000901)
• Forest Chapel color palette (#D6E9CD, #43674C, #003B30, #001928, #00020A)
• Misty Olive color palette (#ECEADA, #777F00, #486A00, #144F00, #000E05)
• Weathered Alley color palette (#F4EFE6, #5BB1AE, #008391, #006046, #000B11)

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