Dusty Pine color palette — #E4F7F1 · #8FA982 · #2E7635 · #633B27 · #00221D

A conversation between Olive and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E4F7F1): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#8FA982): A luminous, dusty green — the color of new leaves after rain.
• Olive (#2E7635): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#633B27): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, 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

• Worn Lagoon Coast color palette (#E8F5F3, #91C0A2, #398569, #6F4755, #092D2D)
• Emerald Corridor color palette (#D6E8E5, #5A9F6B, #006641, #413905, #001615)
• Linen Moss color palette (#D7EADD, #A59700, #5C6000, #622D00, #191600)
• Muted Cypress color palette (#E4F6F6, #65B19E, #00746C, #224A67, #002125)
• Patina Amber color palette (#FCE1EA, #CC7B17, #00935D, #7B4600, #002313)
• Antique Mustard color palette (#E7F7E6, #F9DEA4, #BFB54A, #8F5823, #0D2713)
• Antique Emerald color palette (#EBF9F2, #BBDCA4, #33A06E, #745680, #112E28)
• Antique Bronze color palette (#FFEFDF, #D49753, #955900, #482900, #190B00)

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