Dusty Pine color palette — #E2E3D3 · #438B4D · #00522E · #322900 · #000B01

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

The five colors

• Parchment (#E2E3D3): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#438B4D): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#00522E): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Espresso (#322900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000B01): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Patina Station color palette (#D0F1E6, #3E8C5A, #005145, #4B1E1E, #00201F)
• Quiet Olive Corridor color palette (#E1E4CA, #2C8000, #953300, #134200, #140300)
• Bronze Ridge color palette (#F9EEDC, #8B7800, #484600, #461B00, #0C0700)
• Pine Courtyard color palette (#F3F4E0, #79BA7F, #00804B, #355722, #1F2304)
• Ancient Forest color palette (#E0EBCA, #006A3D, #00556A, #4A3900, #000502)
• Lowlit Boulevard color palette (#F1F0E0, #39651D, #003409, #0F1700, #010100)
• Faded Moss Atelier color palette (#ECE4D1, #959D0B, #4E6500, #463F00, #161800)
• Forest Grove color palette (#DFE8CD, #65BD9D, #009F95, #0F5306, #001108)

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