Cashmere

Meet Cashmere (#E7E0C3), a complex off-white that offers a sophisticated alternative to stark whites and beiges. Its subtle warmth and creamy undertone provide a refined foundation for any design palette, adding a touch of quiet elegance without overwhelming the composition.

What color is Cashmere?

What is the meaning of Cashmere?

How do I use Cashmere (#E7E0C3) in UI design?

Using Cashmere color codes

Cashmere

#E7E0C3

Access our full UI & UX library today.

What color is Cashmere?

What is the meaning of Cashmere?

How do I use Cashmere (#E7E0C3) in UI design?

Using Cashmere color codes

Cashmere Code Conversions

HEX

#E7E0C3

LAB

89, -2, 15

RGB

231, 224, 195

XYZ

69.5, 74.2, 62.3

HSL

48°, 43%, 84%

LCH

89, 15, 99°

HSB

48°, 16%, 91%

LUV

89, 6, 22

CMYK

0, 3, 16, 9

CMYK

0, 3, 16, 9

HWB

48°, 76%, 9%

Cashmere Color Harmonies

Analogous

Analogous schemes pair Cashmere with its neighbors on the color wheel. The resulting palettes are known for their calm and visually cohesive effect.

#E7CEC3

#E7E0C3

#DCE7C3

#E7CEC3

#E7E0C3

#DCE7C3

Complementary

Complementary colors are direct opposites on the color wheel. When set against Cashmere, these pairings offer the highest possible contrast and visual pop.

#E7E0C3

#C3CAE7

#E7E0C3

#C3CAE7

Split Complementary

A split complementary palette offers a more nuanced contrast, pairing Cashmere with the two colors that sit next to its direct opposite.

#E7E0C3

#C3DCE7

#CEC3E7

#E7E0C3

#C3DCE7

#CEC3E7

Triadic

A triadic color scheme uses three hues equally spaced on the color wheel. With Cashmere as the base, this creates a vibrant, high-contrast palette.

#E7E0C3

#C3E7E0

#E0C3E7

#E7E0C3

#C3E7E0

#E0C3E7

Tetradic

A tetradic scheme pairs Cashmere with its complement, plus another complementary pair, forming a rectangle on the color wheel for a vibrant combination.

#E7E0C3

#C3E7CE

#C3CAE7

#E7C3DC

#E7E0C3

#C3E7CE

#C3CAE7

#E7C3DC

Square

A square color scheme uses four colors evenly spaced on the color wheel. With Cashmere as the base, this creates a vibrant, high-contrast palette.

#E7E0C3

#C3E7CE

#C3CAE7

#E7C3DC

#E7E0C3

#C3E7CE

#C3CAE7

#E7C3DC

Cashmere Contrast Simulation

Text Color

#

Background Color

#

15.85

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.

15.85

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Cashmere Color Variations

Shades

Shades of Cashmere are created by adding black, giving the color more depth and weight.

#E7E0C3

#C6C0A7

#A5A08B

#84806F

#636054

#424038

#21201C

#000000

#E7E0C3

#C6C0A7

#A5A08B

#84806F

#636054

#424038

#21201C

#000000

Tints

Tints are lighter versions of Cashmere, achieved by adding white for a softer, airier effect.

#E7E0C3

#EAE4CC

#EEE9D4

#F1EDDD

#F5F2E5

#F8F6EE

#FCFBF6

#FFFFFF

#E7E0C3

#EAE4CC

#EEE9D4

#F1EDDD

#F5F2E5

#F8F6EE

#FCFBF6

#FFFFFF

Tones

Tones of Cashmere are created by adding gray, resulting in softer, less saturated versions.

#E7E0C3

#D8D2B9

#CAC5B0

#BBB7A6

#ACA99D

#9D9B93

#8F8E8A

#808080

#E7E0C3

#D8D2B9

#CAC5B0

#BBB7A6

#ACA99D

#9D9B93

#8F8E8A

#808080

Hues

Hues are variations of Cashmere, sharing its base color but with different intensities or temperatures.

#E7E0C3

#D3E7C3

#C3E7CE

#C3E5E7

#C3CAE7

#D7C3E7

#E7C3DC

#E7C5C3

#E7E0C3

#D3E7C3

#C3E7CE

#C3E5E7

#C3CAE7

#D7C3E7

#E7C3DC

#E7C5C3

What Interfaces Use Colors Like Cashmere?

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