Muted Pine color palette — #E2E7D9 · #008F5B · #004A65 · #004227 · #000201

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

The five colors

• Parchment (#E2E7D9): a clean, paper-quiet neutral.
• Fern (#008F5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004A65): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Forest (#004227): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000201): quiet, heavy and certain.

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

• Softworn Olive color palette (#F1F0E0, #608700, #004F46, #2A3E00, #000200)
• Hushed Navy color palette (#DDE8DC, #008A86, #003E8F, #003F3D, #030003)
• Washed Orchard color palette (#ECE4D7, #00746D, #004257, #3E001F, #000708)
• Cypress Harbor color palette (#CBF3E5, #00817D, #005462, #002331, #00050F)
• Abyss Loft color palette (#EBF2E8, #A5BAA7, #749783, #004F45, #070D05)
• Weathered Ultramarine color palette (#E1F4DF, #00AAA7, #2232EE, #005856, #0A0009)
• Eclipse Aubergine color palette (#DEF6E6, #006373, #280077, #00232A, #040002)
• Aubergine Drift color palette (#E9F0E3, #005537, #4B0072, #36000A, #010100)

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