Pine Pier color palette — #F2EFD4 · #428C5A · #005145 · #451B46 · #181E00

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

The five colors

• Cream (#F2EFD4): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#428C5A): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Royal Purple (#451B46): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#181E00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Forest Thicket color palette (#FBEED9, #798036, #145301, #32205A, #211A00)
• Softworn Alley color palette (#E6E6D8, #609B78, #006359, #572D48, #252C12)
• Softworn Lagoon color palette (#DBEEED, #008E6B, #005044, #002E42, #000B06)
• Worn Plum Archive color palette (#F5E5E2, #C40C68, #006763, #6C0036, #00201E)
• Charred Fern Garden color palette (#EEE8D7, #3A6C10, #003420, #27032D, #060600)
• Dusty Parlor color palette (#FFF3E5, #A19D6C, #4F6E2A, #663E43, #38352E)
• Frosted Parlor color palette (#FAF6E0, #6EB777, #007B64, #6D3C68, #214426)
• Wandering Fern Pier color palette (#FBE9CC, #909B11, #1B6D04, #493377, #2D3100)

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