Pine Pier color palette — #F4F7EB · #92BD93 · #B787A9 · #4E8150 · #654245

Fern takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Sage (#92BD93): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#B787A9): A luminous, dusty pink — the color of neon signs at night.
• Fern (#4E8150): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#654245): A full-bodied, dusty red — the color of embers at dusk.

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

• Hushed Petrol Summit color palette (#EAFAED, #78BDC4, #C38494, #0F828A, #69413A)
• Aged Bronze Coast color palette (#F9F5E9, #B9B272, #8C95C9, #7C742E, #5E4456)
• Worn Meadow color palette (#E6F6F3, #9ABF9A, #C48E72, #438246, #442537)
• Timeworn Dune color palette (#F1F9E2, #5FAA81, #A5789F, #9D5C61, #41433D)
• Patina Emerald Delta color palette (#F3F7E8, #A6D1B0, #82B6EA, #45A264, #2D564D)
• Dusty Field color palette (#FCF4E9, #C2B79E, #A2773A, #854E20, #534800)
• Dusty Stone Field color palette (#EEF9EF, #DBB8A0, #49664E, #293F2D, #1D2725)
• Pale Plum Dune color palette (#EEFBDF, #2BBE8F, #B53E69, #006D4F, #6A1035)

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