Pine Pier color palette — #E0E7C4 · #007521 · #7A4300 · #512A00 · #000701

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

The five colors

• Celadon Mist (#E0E7C4): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#007521): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#7A4300): A full-bodied, balanced gold — the color of old brass.
• Espresso (#512A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000701): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Linen Ridge color palette (#ECEFDC, #117514, #9E0212, #6A0108, #000700)
• Powdered Mulberry color palette (#DFE8CD, #007344, #9C0035, #2D3C00, #000602)
• Soft Mulberry color palette (#F4DEBF, #7D5900, #940060, #473100, #080400)
• Dusty Parlor color palette (#E6F1E4, #008F85, #4B65CF, #5D5700, #000605)
• Aged Quarry color palette (#E6F2E5, #00807A, #646500, #004E40, #001110)
• Nightshade Orchard color palette (#F5E5CF, #008282, #2A00D7, #3A2700, #000E14)
• Sunlit Crimson color palette (#E4E8C9, #1CA220, #DC004F, #4B6200, #022803)
• Aubergine Balcony color palette (#E2F0E5, #006974, #5E0088, #2F2600, #000304)

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