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?

What is the meaning of Brushed Cotton?

How do I use Brushed Cotton (#E6E2D4) in UI design?

Using Brushed Cotton color codes

Brushed Cotton

#E6E2D4

Access our full UI & UX library today.

What color is Brushed Cotton?

What is the meaning of Brushed Cotton?

How do I use Brushed Cotton (#E6E2D4) in UI design?

Using Brushed Cotton color codes

Brushed Cotton Code Conversions

HEX

#E6E2D4

LAB

90, -1, 7

RGB

230, 226, 212

XYZ

71.7, 76.0, 73.2

HSL

47°, 26%, 87%

LCH

90, 7, 98°

HSB

47°, 8%, 90%

LUV

90, 3, 11

CMYK

0, 2, 8, 10

CMYK

0, 2, 8, 10

HWB

47°, 83%, 10%

Brushed Cotton Color Harmonies

Analogous

Analogous schemes use colors adjacent on the color wheel. Paired with Brushed Cotton, these combinations feel unified, gentle, and pleasing to the eye.

#E6D9D4

#E6E2D4

#E1E6D4

#E6D9D4

#E6E2D4

#E1E6D4

Complementary

Complementary colors sit on opposite ends of the color wheel. When paired with Brushed Cotton, they create a bold, high-contrast visual statement.

#E6E2D4

#D4D8E6

#E6E2D4

#D4D8E6

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.

#E6E2D4

#D4E1E6

#D9D4E6

#E6E2D4

#D4E1E6

#D9D4E6

Triadic

A triadic palette joins three colors from equidistant points on the color wheel, creating a vibrant and balanced combination with Brushed Cotton.

#E6E2D4

#D4E6E2

#E2D4E6

#E6E2D4

#D4E6E2

#E2D4E6

Tetradic

Tetradic schemes create vibrant palettes by using two sets of complementary colors. These combinations feature Brushed Cotton as a foundational, versatile hue.

#E6E2D4

#D4E6D9

#D4D8E6

#E6D4E1

#E6E2D4

#D4E6D9

#D4D8E6

#E6D4E1

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.

#E6E2D4

#D4E6D9

#D4D8E6

#E6D4E1

#E6E2D4

#D4E6D9

#D4D8E6

#E6D4E1

Brushed Cotton Contrast Simulation

Text Color

#

Background Color

#

16.19

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

16.19

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Brushed Cotton Color Variations

Shades

Shades are darker versions of Brushed Cotton, created by adding black for depth and weight.

#E6E2D4

#C5C2B6

#A4A197

#838179

#63615B

#42413D

#21201E

#000000

#E6E2D4

#C5C2B6

#A4A197

#838179

#63615B

#42413D

#21201E

#000000

Tints

Tints of Brushed Cotton are created by adding white, resulting in lighter and softer tones.

#E6E2D4

#EAE6DA

#EDEAE0

#F1EEE6

#F4F3ED

#F8F7F3

#FBFBF9

#FFFFFF

#E6E2D4

#EAE6DA

#EDEAE0

#F1EEE6

#F4F3ED

#F8F7F3

#FBFBF9

#FFFFFF

Tones

Tones of Brushed Cotton are created by adding gray, resulting in softer, desaturated variations.

#E6E2D4

#D7D4C8

#C9C6BC

#BAB8B0

#ACAAA4

#9D9C98

#8F8E8C

#808080

#E6E2D4

#D7D4C8

#C9C6BC

#BAB8B0

#ACAAA4

#9D9C98

#8F8E8C

#808080

Hues

Hues are variations of Brushed Cotton, differing in intensity or temperature to create distinct moods.

#E6E2D4

#DDE6D4

#D4E6D9

#D4E6E6

#D4D8E6

#DDD4E6

#E6D4E1

#E6D5D4

#E6E2D4

#DDE6D4

#D4E6D9

#D4E6E6

#D4D8E6

#DDD4E6

#E6D4E1

#E6D5D4

What Interfaces Use Colors Like Brushed Cotton?

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox