Muted Pine color palette — #E7EBDD · #008E46 · #004F40 · #001D34 · #000201

Built around Fern, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Parchment (#E7EBDD): bright and airy, almost weightless.
• Fern (#008E46): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004F40): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001D34): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

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

• Pine Station color palette (#C5E9E8, #007B49, #00444D, #000C44, #010100)
• Washed Olive Coast color palette (#EBEAC7, #6B8100, #0A520A, #002026, #010100)
• Pale Pier color palette (#C4EBE0, #57A341, #005E25, #203200, #000200)
• Moonless Forest color palette (#D0F0E2, #005C42, #45454D, #16191E, #000706)
• Softworn Garden color palette (#DCF4EF, #20CFD1, #00757E, #003F37, #000304)
• Emerald Dune color palette (#DBF2DF, #12A527, #00796E, #69128A, #000F06)
• Cellar Fern Coast color palette (#EADCEE, #555E00, #003837, #33001A, #001001)
• Dusty Teal Market color palette (#D8F0E8, #00A9A5, #006D7D, #1F2556, #0B021F)

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