Brushed Cotton
Meet Brushed Cotton (#E6E2D4), a color that feels both familiar and fresh. Its striking quality lies in its subtle warmth and earthy undertone, offering a sophisticated alternative to stark whites or beiges and providing a quiet, textured foundation for any design palette.
What color is Brushed Cotton?
Brushed Cotton is a warm, delicate off-white that sits in a soft space between a light beige and a creamy ivory, reminiscent of natural, unbleached fabric.
It carries a distinct warm temperature, with subtle yellow undertones balanced by a hint of gray that keeps the color grounded and sophisticatedly neutral.
What is the meaning behind the color Brushed Cotton (#E6E2D4)?
Brushed Cotton evokes a sense of calm, comfort, and understated elegance. Its soft, warm neutrality is psychologically soothing, creating an atmosphere of approachability and tranquility.
Symbolically, the color represents authenticity and a connection to the organic. It carries a timeless quality, suggesting simplicity, stability, and quiet sophistication in design.
What are the best practices for using Brushed Cotton in UI design?
In UI design, Brushed Cotton works beautifully as a primary background color, offering a softer, more organic alternative to pure white. For sufficient contrast and readability, pair #E6E2D4 with deep, saturated colors for text and calls-to-action. Think rich charcoals, dark navies, or forest greens to create a sophisticated and accessible interface.
While not a widely used primary brand color, warm off-whites similar to Brushed Cotton feature in the palettes of companies like Zendesk and Retool, typically as a background or secondary shade. This relative scarcity presents an opportunity for brands to build a distinct visual identity that feels both modern and approachable.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Brushed Cotton in real UI components from top brands.
Using Brushed Cotton color codes
Using Brushed Cotton in your digital projects is straightforward with its hex code, #E6E2D4. This code is the standard for specifying colors in CSS and is widely supported across design software, making it a reliable choice for digital applications.
While #E6E2D4 is perfect for web use, you might need other formats for different contexts. For instance, RGB (Red, Green, Blue) values define colors for digital screens by mixing light, while CMYK (Cyan, Magenta, Yellow, Key/Black) is essential for print projects that use ink. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to adjust color properties.
To help you get started, we've converted Brushed Cotton's #E6E2D4 hex code into a variety of common color models below. Simply copy the values you need for your project.
Analogous
Analogous schemes use colors adjacent on the color wheel. Paired with Brushed Cotton, these combinations feel unified, gentle, and pleasing to the eye.
Complementary
Complementary colors sit on opposite ends of the color wheel. When paired with Brushed Cotton, they create a bold, high-contrast visual statement.
Split Complementary
Split complementary colors pair Brushed Cotton with the two colors adjacent to its direct complement, offering a vibrant yet balanced and harmonious palette.
Triadic
A triadic palette joins three colors from equidistant points on the color wheel, creating a vibrant and balanced combination with Brushed Cotton.
Tetradic
Tetradic schemes create vibrant palettes by using two sets of complementary colors. These combinations feature Brushed Cotton as a foundational, versatile hue.
Square
A square color scheme is a four-color palette where hues are spaced evenly on the color wheel, creating a vibrant look with strong contrast.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Brushed Cotton, created by adding black for depth and weight.
Tints
Tints of Brushed Cotton are created by adding white, resulting in lighter and softer tones.
Tones
Tones of Brushed Cotton are created by adding gray, resulting in softer, desaturated variations.
Hues
Hues are variations of Brushed Cotton, differing in intensity or temperature to create distinct moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.































































































































