Pine Pier color palette — #FDF4E9 · #B1B385 · #4B834B · #724C5F · #504100

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

The five colors

• Ivory (#FDF4E9): a clean, paper-quiet neutral.
• Sage (#B1B385): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4B834B): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#724C5F): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, 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 color palette (#F8F6E7, #8CBCA1, #2C8281, #734E50, #384A00)
• Patina Pine Orchard color palette (#FBF4E9, #8FA46B, #00764B, #593F65, #36362F)
• Worn Basalt color palette (#FAF4E9, #C5C998, #809967, #866871, #4F4100)
• Olive Field color palette (#EAF5ED, #B4B885, #667E4D, #53526B, #162D24)
• Ancient Cerulean Study color palette (#FBF3F0, #C3E7CD, #4A92BE, #217251, #553F52)
• Timeworn Pier color palette (#EBFAED, #D5DAA9, #97B68E, #888FAA, #31483F)
• Washed Bronze Quarry color palette (#FFF2EA, #EFA688, #B65905, #6D2C06, #462010)
• Powdered Terracotta Market color palette (#FFF2EC, #D7877B, #0099B7, #A1443A, #044B5A)

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