Pine Pier color palette — #FCE0FA · #AC9158 · #388344 · #6E395B · #411C35

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

The five colors

• Blush (#FCE0FA): A whisper-light, dusty pink — the color of peonies in June.
• Caramel (#AC9158): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#388344): A full-bodied, balanced green — the color of new leaves after rain.
• Mulberry (#6E395B): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#411C35): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Pine Archive color palette (#F4DCCB, #B9A77E, #52855A, #56355A, #320629)
• Ancient Moss Thicket color palette (#F7E8D4, #7FA563, #008383, #6D384A, #441929)
• Timeworn Bloom color palette (#FFE9F4, #C08465, #677027, #3E3F6E, #22224B)
• Garnet Harbor color palette (#EADDE6, #90814D, #2B6D49, #681C25, #371010)
• Worn Moss color palette (#E7DFCA, #758F3A, #2F613E, #2F3B5F, #41202E)
• Hushed Canyon color palette (#DCEEE7, #5DA475, #007069, #623250, #00220E)
• Powdered Lagoon Atelier color palette (#EBE1D3, #8FBC7F, #009C97, #904D66, #59283B)
• Hushed Teal color palette (#DAF7EB, #66BA9F, #5789AA, #734B3B, #4F3345)

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