Dusty Pine color palette — #DEFAE7 · #9AB44C · #1F8038 · #4F4569 · #00271E

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DEFAE7): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9AB44C): A luminous, balanced green — the color of new leaves after rain.
• Olive (#1F8038): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4F4569): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#00271E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Linen Jade Studio color palette (#E0F8F0, #64BE7E, #007D6B, #623C64, #022810)
• Patina Stone Boulevard color palette (#E9F6E8, #BFB574, #6A7D50, #4D546B, #192C22)
• Aged Fern Veranda color palette (#D0EED6, #959D00, #216D00, #442F6F, #161800)
• Airy Pine color palette (#FFF3E5, #A4AA58, #2C7C39, #664168, #3C3E03)
• Dusty Emerald color palette (#FAF5E4, #AAC689, #56985C, #446D92, #304118)
• Dusty Celadon color palette (#FAF7DB, #B1ED8F, #62A463, #34767B, #2F2F28)
• Weathered Fuchsia Garden color palette (#F3EFFF, #E871E8, #009A4D, #7D1F7D, #002910)
• Pine Market color palette (#D4E8E2, #009051, #004F46, #3A1D39, #000A0A)

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