What Color is Tumbleweed
Tumbleweed is a muted, desaturated shade of orange that sits comfortably between sandy beige and pale terracotta. It evokes the dusty, arid landscapes of the American West and the dried vegetation found in prairies. This color offers a warm, earthy foundation that feels organic rather than sterile.
What color is opposite Tumbleweed?
The opposite color to Tumbleweed is Cornflower (#87bbde).
Additional Information
- Color Family: Orange
- Temperature: Warm
- Associated Season: Spring
- Complementary Color: #87BBDE
- Brightness: 182/255
- Saturation: 39%
Colors That Pair Well With Tumbleweed
Complementary
Pair with Cornflower for a harmonious, balanced look. Great for backgrounds and accents.
High Contrast
Use Chathams Blue for maximum readability. Ideal for text or critical UI elements.
Harmonious Depth
Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.
Color Variations
Tints (add white)
Tones (add grey)
Tumbleweed History
The origins of this hue can be traced back to prehistoric art, where natural earth pigments like raw sienna and yellow ochre were used to depict skin tones and dried soil. While the specific name 'Tumbleweed' gained popularity in the mid-20th century through commercial paint and crayon collections to romanticize the frontier, the pigment profile is ancient. It represents the raw, unrefined materials used in ceramics and fresco painting throughout the Renaissance.
In modern design history, Tumbleweed found a stronghold during the 1970s earthenware revival, moving away from the psychedelic neons of the 1960s toward a more grounded aesthetic. It was frequently used in Southwestern architectural styles to mimic the adobe brick used in desert construction. Today, it serves as a crucial bridge color in 'Millennial styling,' connecting cool minimalism with warm nostalgia.
Meaning & Psychology
Psychologically, Tumbleweed projects a deep sense of stability and wholesomeness. Unlike vibrant oranges that stimulate high energy and appetite, this dusty variation encourages relaxation and a slowing of the pulse. It is unpretentious and honest, creating a safe atmosphere that feels approachable and free from chaos.
Culturally, the color is linked to resilience and the ability to adapt to harsh environments, much like its botanical namesake. It appeals to those seeking a connection to the outdoors and a rustic, bohemian lifestyle. The warmth of the shade implies comfort without demand, fostering feelings of security and grounding.
In Nature
This shade is ubiquitous in arid biomes, serving as the primary color of weather-beaten sandstone in canyon environments. It is the perfect camouflage for desert fauna, appearing on the fur of the fennec fox and the scales of the horned lizard. It is also clearly visible in the dry husks of autumnal grains and the skeletal remains of the Russian thistle as it detaches from its roots to roll across the plains.
How To Use Tumbleweed
From a design perspective, Tumbleweed acts as a sophisticated neutral that adds warmth without dominating a composition. It is exceptionally effective in interior design for creating cozy, welcoming spaces, particularly when paired with cooler accents like slate blue or sage green. In branding, it communicates sustainability and organic origins, making it ideal for packaging related to skincare or artisan food.
Regarding accessibility, designers must exercise caution; Tumbleweed lacks sufficient contrast against white backgrounds for legible body text. It is best used for large headlines, graphical elements, or as a background color for dark charcoal text. To ensure WCAG compliance, avoid pairing it with light pastels and instead anchor it with deep chocolate or navy tones.
Related Words
Curated Palettes
Sedona Sunset
A high-contrast palette inspired by the American Southwest at dusk.
Dried Pampas
A soft, monochromatic textural palette for modern organic interiors.
Vintage Botany
Earthy greens and browns creating a nostalgic, floral aesthetic.
Color Conversions
Color Blindness Simulation
CSS Snippets
color: #DEAA88;
color: rgb(222, 170, 136);
background-color: #DEAA88;
border: 3px solid #DEAA88;
box-shadow: 0 4px 12px #DEAA8866;
background: linear-gradient(135deg, #DEAA88 0%, #ffffff 100%);

Shop Premium Products in Tumbleweed
This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.
Ships in 3-5 daysSecure Checkout
Product Details
Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.
- Material: Soft Eco Velvet.
- Feel: Velvety soft finish.
- Backing: Stone coloured back (or double-sided print).
- Print: Edge-to-edge vibrant color using water-based inks.
- Care: Machine washable at 30°C.
- Construction: Handmade to order with a concealed zipper.
Eco Credentials
We believe in sustainable style. Our cushions are crafted with the planet in mind.
- Made to Order: Produced only when you order, eliminating overproduction and waste.
- Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
- Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
- Vegan Friendly: No animal products are used in the production of these cushions.
What Goes With Tumbleweed?
Explore color palettes containing Tumbleweed and discover harmonious combinations for your designs.
Analogous
Complementary
Split-complementary
Monochromatic
Accessibility
Contrast with Black and White
Contrast with Black
UI Examples
"Color is a power which directly influences the soul."
Contrast Ratio
Contrast with White
UI Examples
"Color is a power which directly influences the soul."
Contrast Ratio
Closest Color Matches
Similar Colors
View all Orange colors →Colors with similar hex values and appearance to Tumbleweed
Frequently Asked Questions
What is the hex code for Tumbleweed?
What colors go with Tumbleweed?
Is Tumbleweed accessible for text?
How do I use Tumbleweed in CSS?
You can use Tumbleweed in CSS with its hex code. Here is an example class:
.tumbleweed {
background-color: #DEAA88;
color: #FFFFFF;
}For more snippets including gradients, see the CSS snippets section.