Oyster Linen

Introducing Oyster Linen (#B0A996), a color that balances warmth and subtlety. This complex neutral captures the soft, earthy quality of its namesake fabric, offering a refined alternative to standard grays and beiges. Its understated character makes it a compelling foundation for modern interfaces.

What color is Oyster Linen?

What is the meaning of Oyster Linen?

How do I use Oyster Linen (#B0A996) in UI design?

Using Oyster Linen color codes

Oyster Linen

#B0A996

Access our full UI & UX library today.

What color is Oyster Linen?

What is the meaning of Oyster Linen?

How do I use Oyster Linen (#B0A996) in UI design?

Using Oyster Linen color codes

Oyster Linen Code Conversions

HEX

#B0A996

LAB

69, -1, 11

RGB

176, 169, 150

XYZ

37.6, 39.8, 34.6

HSL

44°, 14%, 64%

LCH

69, 11, 94°

HSB

44°, 15%, 69%

LUV

69, 5, 15

CMYK

0, 4, 15, 31

CMYK

0, 4, 15, 31

HWB

44°, 59%, 31%

Oyster Linen Color Harmonies

Analogous

Analogous schemes pair Oyster Linen with its neighbors on the color wheel, producing a cohesive and soothing effect ideal for creating calm user interfaces.

#B09C96

#B0A996

#AAB096

#B09C96

#B0A996

#AAB096

Complementary

Complementary colors sit opposite each other on the color wheel. Pairing Oyster Linen with its complement creates a striking, high-contrast visual effect.

#B0A996

#969DB0

#B0A996

#969DB0

Split Complementary

For Oyster Linen, a split complementary palette takes the two colors next to its opposite, offering high contrast with less visual tension.

#B0A996

#96AAB0

#9C96B0

#B0A996

#96AAB0

#9C96B0

Triadic

Triadic schemes select three colors equally spaced on the color wheel. Using Oyster Linen as a base creates a vibrant, high-contrast palette.

#B0A996

#96B0A9

#A996B0

#B0A996

#96B0A9

#A996B0

Tetradic

A tetradic scheme builds on Oyster Linen with three other colors, creating two complementary pairs arranged in a rectangle on the color wheel.

#B0A996

#96B09C

#969DB0

#B096AA

#B0A996

#96B09C

#969DB0

#B096AA

Square

A square color scheme is a tetradic variation using four colors evenly spaced on the color wheel, resulting in a vibrant, high-contrast palette.

#B0A996

#96B09C

#969DB0

#B096AA

#B0A996

#96B09C

#969DB0

#B096AA

Oyster Linen Contrast Simulation

Text Color

#

Background Color

#

8.96

Excellent

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.

8.96

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Oyster Linen Color Variations

Shades

Adding black to Oyster Linen creates darker shades, which introduce a sense of depth and weight.

#B0A996

#979181

#7E796B

#656156

#4B4840

#32302B

#191815

#000000

#B0A996

#979181

#7E796B

#656156

#4B4840

#32302B

#191815

#000000

Tints

Tints are lighter values of Oyster Linen, made by adding white to soften the color.

#B0A996

#BBB5A5

#C7C2B4

#D2CEC3

#DDDAD2

#E8E6E1

#F4F3F0

#FFFFFF

#B0A996

#BBB5A5

#C7C2B4

#D2CEC3

#DDDAD2

#E8E6E1

#F4F3F0

#FFFFFF

Tones

Tones are softer, desaturated versions of Oyster Linen, created by blending the color with gray.

#B0A996

#A9A393

#A29D90

#9B978D

#959289

#8E8C86

#878683

#808080

#B0A996

#A9A393

#A29D90

#9B978D

#959289

#8E8C86

#878683

#808080

Hues

Hues are variations of Oyster Linen, sharing its base color but differing in intensity or temperature.

#B0A996

#A4B096

#96B09C

#96B0AF

#969DB0

#A296B0

#B096AA

#B09697

#B0A996

#A4B096

#96B09C

#96B0AF

#969DB0

#A296B0

#B096AA

#B09697

What Interfaces Use Colors Like Oyster Linen?

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