What Color is Fawn
Fawn is a soft, warm tan with distinct yellowish-orange undertones, emulating the coat of a young deer. It functions as a sophisticated neutral that provides more depth than beige while remaining more nurturing and light than traditional brown. This shade creates a sense of organic refinement in any environment.
Additional Information
- Color Family: Orange
- Temperature: Warm
- Associated Season: Spring
- Complementary Color: #71ABE5
- Brightness: 181/255
- Saturation: 51%
Colors That Pair Well With Fawn
Complementary
Pair with Jordy Blue for a harmonious, balanced look. Great for backgrounds and accents.
High Contrast
Use Matisse 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)
Fawn History
The term was first recorded as a color name in English in 1789, emerging during the Neoclassical era when designers moved away from heavy baroque styles toward naturalistic palettes. Historically, artists achieved this hue using ochre earth pigments diluted with white minerals, allowing for a muted tone that felt both grounded and elevated. It became a hallmark of the aristocratic wardrobe, particularly for riding breeches and outdoor sporting attire, because it effectively concealed road dust.
In the mid-20th century, Fawn evolved into a staple of minimalist interior design. It was frequently utilized by the Bauhaus movement to provide warmth to industrial materials like steel and glass. This color represents a bridge between the raw earthiness of the 19th century and the clean, functional aesthetics of the modern age.
Meaning & Psychology
Fawn is psychologically associated with dependability and approachability, offering a sense of stability without the intimidation of darker hues. Because of its biological connection to young animals, it often triggers a subconscious feeling of safety and gentleness in the observer. This makes it an ideal choice for spaces intended for relaxation or focused conversation.
In high-pressure environments, Fawn acts as a visual sedative, providing a sense of composure and balance. It lacks the energetic demand of bright orange, instead promoting a state of calmness that encourages patience and open-mindedness. It avoids the cold detachment often associated with grey, maintaining a human-centric warmth.
In Nature
In the natural world, this color is most famously seen on the fur of a young deer, providing essential camouflage against the forest floor. It is also found in the weathered surfaces of sandstone cliffs and the sun-dried stalks of wheat during the late summer harvest. Certain species of mushrooms and desert rodents also utilize this specific shade to blend into arid or wooded landscapes.
How To Use Fawn
For digital interfaces, Fawn is a superior background choice for long-form reading apps or wellness platforms, as it reduces the blue-light harshness of pure white. Designers must prioritize accessibility by pairing it with dark, high-contrast typography like deep charcoal or navy to meet WCAG standards. Its low saturation allows it to function as a quiet stage for more vibrant accent colors.
In physical spaces, use Fawn to create a timeless aesthetic that feels expansive and airy. It is particularly effective when used in monochromatic schemes with different textures, such as linen or light wood, to emphasize its minimalist appeal. It pairs exceptionally well with copper or brass hardware, which draws out the hidden warmth of its orange base.
Related Words
Curated Palettes
Woodland Hearth
An earthy, comforting palette inspired by forest interiors and natural fibers.
High Desert Solace
A sun-bleached collection of tones reflecting arid landscapes and mineral formations.
Modern Heirloom
A sophisticated mix of warm neutrals and deep, traditional contrasts.
Color Conversions
Color Blindness Simulation
CSS Snippets
color: #E5AA70;
color: rgb(229, 170, 112);
background-color: #E5AA70;
border: 3px solid #E5AA70;
box-shadow: 0 4px 12px #E5AA7066;
background: linear-gradient(135deg, #E5AA70 0%, #ffffff 100%);

Shop Premium Products in Fawn
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.
- Print: Double-sided, all-over 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 Fawn?
Explore color palettes containing Fawn and discover harmonious combinations for your designs.
Complementary
Split-complementary
Triadic
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
Polychromos
gold
#250 • #CDC08D
Caran d'ache Luminance 6901
Brown Ochre 50%
#836 • #C99162
Caran d'ache Luminance 6901
Brown Ochre 10%
#832 • #ECC69F
Prismacolor
Peach
#PC939 • #F1A78D
Prismacolor
Ginger Root
#PC1084 • #E7CEB1
Similar Colors
View all Orange colors →Colors with similar hex values and appearance to Fawn
Frequently Asked Questions
What is the hex code for Fawn?
What colors go with Fawn?
Is Fawn accessible for text?
How do I use Fawn in CSS?
You can use Fawn in CSS with its hex code. Here is an example class:
.fawn {
background-color: #E5AA70;
color: #FFFFFF;
}For more snippets including gradients, see the CSS snippets section.