Pine Pier color palette — #FEE8EF · #A15E00 · #00752F · #005144 · #361E28

Olive and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FEE8EF): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#A15E00): A full-bodied, balanced gold — the color of old brass.
• Olive (#00752F): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#361E28): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Airy Corridor color palette (#FFECF2, #A66600, #545900, #00462B, #481925)
• Bronze Summit color palette (#FFF0F8, #BC673A, #5B7D30, #166145, #402C37)
• Worn Thicket color palette (#EBFAED, #826000, #005838, #00393D, #0B1D2F)
• Frosted Bronze color palette (#DCFFE9, #8B7500, #007866, #005460, #352B00)
• Feathered Brick Ridge color palette (#FCE7FB, #BB3E4A, #6A6300, #225109, #302030)
• Fern Corridor color palette (#F5DBE7, #7E3D00, #244F00, #003122, #1A0800)
• Patina Balcony color palette (#EDF9F1, #A68E3A, #24937A, #1B6B75, #324137)
• Faded Raspberry Market color palette (#F0E4F8, #C13580, #007568, #004F46, #160A1D)

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