Wild Mushroom

Meet Wild Mushroom (#A7A198), a complex neutral that perfectly straddles the line between gray and beige. Its most striking feature is a subtle, earthy warmth that gives it a grounded yet sophisticated character, setting it apart from more common greige tones.

What color is Wild Mushroom?

What is the meaning of Wild Mushroom?

How do I use Wild Mushroom (#A7A198) in UI design?

Using Wild Mushroom color codes

Wild Mushroom

#A7A198

Access our full UI & UX library today.

What color is Wild Mushroom?

What is the meaning of Wild Mushroom?

How do I use Wild Mushroom (#A7A198) in UI design?

Using Wild Mushroom color codes

Wild Mushroom Code Conversions

HEX

#A7A198

LAB

66, 1, 5

RGB

167, 161, 152

XYZ

34.3, 36.0, 34.8

HSL

36°, 8%, 63%

LCH

66, 5, 84°

HSB

36°, 9%, 65%

LUV

66, 4, 8

CMYK

0, 4, 9, 35

CMYK

0, 4, 9, 35

HWB

36°, 60%, 35%

Wild Mushroom Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Wild Mushroom, these adjacent hues create a harmonious and tranquil visual experience.

#A79A98

#A7A198

#A6A798

#A79A98

#A7A198

#A6A798

Complementary

Complementary colors sit opposite each other on the color wheel. For Wild Mushroom, these opposing hues create a vibrant and high-contrast pairing.

#A7A198

#989EA7

#A7A198

#989EA7

Split Complementary

A split complementary scheme for Wild Mushroom pairs it with the two colors adjacent to its direct opposite, creating a vibrant yet balanced palette.

#A7A198

#98A6A7

#9A98A7

#A7A198

#98A6A7

#9A98A7

Triadic

For a vibrant and balanced look, a triadic scheme pairs Wild Mushroom with two other colors that are equally spaced on the color wheel.

#A7A198

#98A7A1

#A198A7

#A7A198

#98A7A1

#A198A7

Tetradic

A tetradic scheme pairs Wild Mushroom (#A7A198) with three other colors, forming two complementary pairs for a vibrant and balanced palette.

#A7A198

#98A79A

#989EA7

#A798A6

#A7A198

#98A79A

#989EA7

#A798A6

Square

A square color scheme is a type of tetradic harmony that uses four colors evenly spaced on the color wheel, creating a vibrant, high-contrast palette.

#A7A198

#98A79A

#989EA7

#A798A6

#A7A198

#98A79A

#989EA7

#A798A6

Wild Mushroom Contrast Simulation

Text Color

#

Background Color

#

8.19

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.19

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Wild Mushroom Color Variations

Shades

Shades are darker versions of Wild Mushroom, made by adding black for more depth and weight.

#A7A198

#8F8A82

#77736D

#5F5C57

#484541

#302E2B

#181716

#000000

#A7A198

#8F8A82

#77736D

#5F5C57

#484541

#302E2B

#181716

#000000

Tints

Tints are lighter versions of Wild Mushroom, made by adding white to soften the original hue.

#A7A198

#B4AEA7

#C0BCB5

#CDC9C4

#D9D7D3

#E6E4E2

#F2F2F0

#FFFFFF

#A7A198

#B4AEA7

#C0BCB5

#CDC9C4

#D9D7D3

#E6E4E2

#F2F2F0

#FFFFFF

Tones

Tones are created by adding gray to Wild Mushroom, resulting in softer, muted variations.

#A7A198

#A19C95

#9C9891

#96938E

#918E8A

#8B8987

#868583

#808080

#A7A198

#A19C95

#9C9891

#96938E

#918E8A

#8B8987

#868583

#808080

Hues

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

#A7A198

#A2A798

#98A79A

#98A7A5

#989EA7

#9D98A7

#A798A6

#A7989A

#A7A198

#A2A798

#98A79A

#98A7A5

#989EA7

#9D98A7

#A798A6

#A7989A

What Interfaces Use Colors Like Wild Mushroom?

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