Dusty Pine color palette — #E6E6D6 · #77B684 · #008665 · #754A24 · #272C08

A conversation between Fern and Jade, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E6E6D6): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#77B684): A luminous, balanced green — the color of fresh herbs.
• Fern (#008665): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#754A24): A full-bodied, dusty gold — the color of old brass.
• Deep Forest (#272C08): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Airy Olive Lagoon color palette (#ECE4D4, #A6AB62, #597F29, #665312, #322800)
• Softworn Villa color palette (#F5F7E8, #90C2A7, #009581, #85591B, #2C3C00)
• Pine Terrace color palette (#E5FBF6, #99C99B, #2A8A57, #5D5017, #011F05)
• Emerald Study color palette (#EAE5CC, #38A368, #00625E, #573132, #242D06)
• Muted Garden color palette (#D6EAE4, #8FCAA2, #05A894, #9E625E, #00302F)
• Feathered Mint color palette (#BFF7CF, #36C685, #008752, #005327, #001B0B)
• Tempered Moss color palette (#FAF5EA, #CEC59E, #7A9C5A, #8C6C26, #4F4200)
• Misty Lagoon color palette (#E9E9D3, #89A400, #538600, #026416, #003820)

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