Fawn

Fawn is a light, warm brownish-tan, reminiscent of the soft coat of a young deer.

It's a muted shade with distinct yellow and orange undertones, giving it a gentle warmth that sits between a pale tan and a desaturated orange.

The color Fawn, #E5AA70, gets its name from the soft, light brown coat of a young deer, and with it comes a sense of gentleness, warmth, and innocence.

Symbolically, it represents a connection to the natural world, evoking feelings of comfort and authenticity, making it a grounded and approachable choice in design.

In UI and web design, Fawn (#E5AA70) works beautifully as a warm accent or a primary color for an organic feel. For a striking, natural palette, pair it with deep navy blues or rich forest greens. For a more subdued and modern look, combine it with charcoal grays and off-whites. Its mid-tone value means you'll need to be mindful of contrast, but it offers a sophisticated warmth that primary colors often lack.

While not a common choice for corporate branding, shades in the same family as Fawn are used by companies like BuzzFeed to project energy and approachability. The relative rarity of #E5AA70 presents an opportunity for a brand to build a distinct visual identity that feels both earthy and memorable.

You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Fawn in real UI components of top brands.

Working with the color Fawn begins with its hex code, #E5AA70. Its inherent warmth can introduce a soft, organic quality to a composition, making it a versatile choice for designers.

To apply Fawn across different media, you’ll need to convert its hex code into other color models. Each model serves a specific function; for example, RGB (Red, Green, Blue) is standard for digital screens, while CMYK (Cyan, Magenta, Yellow, Key) is built for physical printing.

To get you started, we’ve translated #E5AA70 into a range of popular formats below. Simply copy the code you need for your project.