Pine Pier color palette — #F3EBD2 · #94B967 · #178F38 · #245E92 · #223503

Kelly Green and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F3EBD2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#94B967): A luminous, balanced green — the color of new leaves after rain.
• Kelly Green (#178F38): A full-bodied, vivid green — the color of fresh herbs.
• Peacock (#245E92): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#223503): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance, 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

• Faded Veranda color palette (#E6FBF1, #A7D56F, #009835, #245B8D, #152400)
• Hazy Chapel color palette (#EEEDD2, #65C27F, #008C6C, #00686D, #033818)
• Quiet Mustard Market color palette (#F7E9D4, #B6B02D, #648500, #634996, #323000)
• Lagoon Pier color palette (#F5F8E0, #8ACBAB, #009C89, #626490, #144530)
• Patina Lagoon color palette (#FDF4E5, #BAB789, #778947, #7E5565, #38352E)
• Fern Archive color palette (#F4E9D5, #909956, #436E18, #563664, #1A1D00)
• Tempered Clover Market color palette (#E0F1DE, #C6C75E, #19B62A, #A15F9B, #303000)
• Dusty Pine Villa color palette (#E7E6D6, #408654, #00523E, #1C2658, #000902)

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