Pine Pier color palette — #FFECF2 · #A9A260 · #49713A · #464161 · #0A2117

Olive and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Moss (#A9A260): A luminous, balanced green — the color of new leaves after rain.
• Olive (#49713A): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#464161): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#0A2117): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Patina Jade color palette (#E3F8EE, #77B07D, #007568, #31495E, #002220)
• Hushed Terrace color palette (#D4E4D8, #7E9944, #00663F, #363456, #001711)
• Straw Balcony color palette (#FCF5E4, #C8D98F, #709661, #466C60, #2C2813)
• Lagoon Orchard color palette (#FEF4E5, #B5B988, #658D54, #77586B, #37352F)
• Soft Emerald color palette (#CCEEDE, #49AD56, #006A5D, #68213A, #001D03)
• Wandering Archive color palette (#E7E6FF, #B46DDA, #3E904F, #6F388C, #002408)
• Tempered Apricot color palette (#F0F0FF, #FFC4DC, #E09A6F, #5D6D96, #2B2136)
• Dusty Cerulean Harbor color palette (#F8EEF8, #91D6D6, #1D88A9, #245D31, #0C2138)

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