Muted Pine Pier color palette — #DCE9D8 · #009255 · #00615A · #00363D · #001924

Fern and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#DCE9D8): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#009255): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#00615A): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#00363D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001924): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

One click turns Muted 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

• Cypress Pier color palette (#CEEFDA, #007E5E, #004B45, #002B2C, #001619)
• Worn Pier color palette (#D9F8EA, #009089, #006272, #003751, #03004A)
• Cerulean Orchard color palette (#CBEBED, #009AA6, #005E67, #002F34, #000405)
• Faded Olive Basin color palette (#F7E6C9, #7A8000, #2F6000, #004125, #001B19)
• Frosted Jade color palette (#DAEFDA, #00C48D, #00888C, #005B70, #003453)
• Plum Meadow color palette (#D9E5D7, #008A81, #BE0042, #00514B, #260007)
• Tempered Lagoon color palette (#DAF1EE, #79BADE, #9779E0, #21700C, #001E22)
• Wandering Brick color palette (#C8EAE5, #00766D, #AB0D00, #673700, #000A08)

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