Pine Pier color palette — #DCE1D3 · #008D5A · #134C5C · #003C24 · #000500

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

The five colors

• Bone (#DCE1D3): a clean, paper-quiet neutral.
• Fern (#008D5A): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#134C5C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#003C24): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Antique Hollow color palette (#E8F2E4, #00796C, #1F3C56, #002E28, #000201)
• Muted Balcony color palette (#F0EBD7, #767E00, #004D22, #323500, #030400)
• Softworn Aubergine Quarry color palette (#E5E7C9, #007670, #00454F, #22006B, #001B1B)
• Patina Lagoon color palette (#E4F8E4, #00A2A5, #005A89, #005153, #001323)
• Abyss Courtyard color palette (#E0E5DC, #B0BEAD, #809481, #005142, #18230F)
• Twilit Thicket color palette (#D4E4DA, #00667A, #002360, #00222A, #000109)
• Faded Studio color palette (#E3F2EF, #63A648, #00679A, #266200, #000409)
• Petrol Harbor color palette (#F3F7F0, #76C0A9, #007D8E, #00705A, #1A281E)

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