Pine Pier color palette — #F1F4E5 · #9ABF9A · #A290CE · #37853F · #35294D

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

The five colors

• Cream (#F1F4E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9ABF9A): A luminous, dusty green — the color of fresh herbs.
• Mauve (#A290CE): A luminous, balanced violet — the color of wild irises.
• Fern (#37853F): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#35294D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aged Dune color palette (#F5F2E8, #BDB57F, #AA8FC2, #807300, #3A274A)
• Softworn Market color palette (#F6F6EA, #9BBC81, #B382C9, #5D7E40, #61444C)
• Timeworn Veranda color palette (#EAF6E8, #7BC2BC, #C785A4, #00837D, #492524)
• Moss Meadow color palette (#ECF9F4, #BFCD87, #D897D5, #87953F, #504765)
• Softworn Grove color palette (#F3F3E0, #8AA678, #AB78AE, #946597, #292915)
• Tempered Byzantium color palette (#EBF8D6, #48C18D, #AB3EB1, #006D48, #39003D)
• Cypress Bloom color palette (#EEF4ED, #DEBAAE, #306D68, #003A36, #0F160E)
• Wandering Hollow color palette (#FAF0E7, #C6B9A5, #AB7642, #794945, #302C1C)

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