Pine Pier color palette — #D3E9D0 · #008A4D · #00513A · #002D25 · #001010

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

The five colors

• Celadon Mist (#D3E9D0): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#008A4D): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#00513A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Forest (#002D25): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001010): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Softworn Cypress color palette (#D9F4EB, #007A70, #005356, #002F38, #000D14)
• Emerald Terrace color palette (#C9E8D1, #00A870, #007559, #004D3F, #00231F)
• Olive Dune color palette (#F0F1D2, #617A00, #2F5800, #002D0C, #000D05)
• Tempered Mulberry Study color palette (#E0EED7, #007D66, #9F0061, #004034, #160009)
• Mint Delta color palette (#DAEDDF, #37C791, #008A76, #005857, #003135)
• Pale Turquoise color palette (#CCE7E1, #00C0D0, #4191BE, #00522A, #000F0E)
• Hazy Chapel color palette (#CAF6EC, #00675B, #6020A0, #592F00, #000504)
• Turquoise Bloom color palette (#DEFCD8, #52C2C9, #2995A5, #2A677D, #223F34)

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