Pine Pier color palette — #F5DAC8 · #AE9E70 · #578052 · #553F6A · #3E1A1C

Built around Fern, softened by Charcoal — the whole palette hums with nature and growth.

The five colors

• Bone (#F5DAC8): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#AE9E70): A luminous, dusty green — the color of new leaves after rain.
• Fern (#578052): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#553F6A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#3E1A1C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. 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

• Patina Cypress Lantern color palette (#F4EEDE, #A4AA86, #3B7F82, #6E4149, #38231C)
• Timeworn Forest color palette (#FCE1C5, #77804D, #005D44, #432540, #24001F)
• Driftwood Harbor color palette (#F0E3BB, #AAA47B, #628461, #465F4B, #244948)
• Wandering Stone Parlor color palette (#FFDABB, #C2C083, #669B7E, #656784, #434459)
• Hazy Lagoon color palette (#E4E3D4, #7A9C36, #6D3EAB, #873D66, #171400)
• Tempered Taupe Terrace color palette (#DBFFEE, #C6D7AA, #7DA87E, #466C7B, #193D51)
• Aged Lagoon color palette (#CEE9D0, #46A29F, #3C7092, #5C3326, #2D1404)
• Muted Meadow color palette (#F4ECDC, #A79C1F, #547700, #064F0C, #002D1B)

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