Meadow Lark

Meet Meadow Lark (#E6DECE), a soft, earthy neutral that brings a quiet warmth to any palette. Its notable quality is its subtle complexity—a muted, creamy beige with a hint of sun-bleached hay, offering a sophisticated foundation for UI design without overpowering other elements.

What color is Meadow Lark?

What is the meaning of Meadow Lark?

How do I use Meadow Lark (#E6DECE) in UI design?

Using Meadow Lark color codes

Meadow Lark

#E6DECE

Access our full UI & UX library today.

What color is Meadow Lark?

What is the meaning of Meadow Lark?

How do I use Meadow Lark (#E6DECE) in UI design?

Using Meadow Lark color codes

Meadow Lark Code Conversions

HEX

#E6DECE

LAB

89, 0, 9

RGB

230, 222, 206

XYZ

69.9, 73.5, 68.9

HSL

40°, 32%, 85%

LCH

89, 9, 90°

HSB

40°, 10%, 90%

LUV

89, 6, 13

CMYK

0, 3, 10, 10

CMYK

0, 3, 10, 10

HWB

40°, 81%, 10%

Meadow Lark Color Harmonies

Analogous

Analogous color schemes use colors adjacent to Meadow Lark on the color wheel, creating a harmonious and serene visual experience for users.

#E6D2CE

#E6DECE

#E2E6CE

#E6D2CE

#E6DECE

#E2E6CE

Complementary

Complementary colors sit directly opposite each other on the color wheel. Paired with Meadow Lark, they create a striking, high-contrast visual effect.

#E6DECE

#CED6E6

#E6DECE

#CED6E6

Split Complementary

This scheme pairs Meadow Lark with the two colors adjacent to its complement, creating a sophisticated palette with strong visual interest.

#E6DECE

#CEE2E6

#D2CEE6

#E6DECE

#CEE2E6

#D2CEE6

Triadic

Triadic palettes are built from three hues equidistant on the color wheel. Starting with Meadow Lark, the result is a bold yet balanced combination.

#E6DECE

#CEE6DE

#DECEE6

#E6DECE

#CEE6DE

#DECEE6

Tetradic

Tetradic schemes use two sets of complementary colors to form a rectangle on the color wheel. See how Meadow Lark anchors these vibrant four-color palettes.

#E6DECE

#CEE6D2

#CED6E6

#E6CEE2

#E6DECE

#CEE6D2

#CED6E6

#E6CEE2

Square

A square color scheme is a tetradic variation with four evenly spaced colors. The result is a vibrant palette with even more contrast.

#E6DECE

#CEE6D2

#CED6E6

#E6CEE2

#E6DECE

#CEE6D2

#CED6E6

#E6CEE2

Meadow Lark Contrast Simulation

Text Color

#

Background Color

#

15.70

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

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Meadow Lark Color Variations

Shades

Shades are darker versions of Meadow Lark, created by adding black for depth and weight.

#E6DECE

#C5BEB1

#A49F93

#837F76

#635F58

#423F3B

#21201D

#000000

#E6DECE

#C5BEB1

#A49F93

#837F76

#635F58

#423F3B

#21201D

#000000

Tints

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

#E6DECE

#EAE3D5

#EDE7DC

#F1ECE3

#F4F1EA

#F8F6F1

#FBFAF8

#FFFFFF

#E6DECE

#EAE3D5

#EDE7DC

#F1ECE3

#F4F1EA

#F8F6F1

#FBFAF8

#FFFFFF

Tones

Adding gray to Meadow Lark creates tones, resulting in softer, less saturated variations of the color.

#E6DECE

#D7D1C3

#C9C3B8

#BAB6AD

#ACA8A1

#9D9B96

#8F8D8B

#808080

#E6DECE

#D7D1C3

#C9C3B8

#BAB6AD

#ACA8A1

#9D9B96

#8F8D8B

#808080

Hues

Hues are variations of Meadow Lark, sharing its base but differing in intensity or temperature.

#E6DECE

#DCE6CE

#CEE6D2

#CEE6E4

#CED6E6

#D8CEE6

#E6CEE2

#E6CED0

#E6DECE

#DCE6CE

#CEE6D2

#CEE6E4

#CED6E6

#D8CEE6

#E6CEE2

#E6CED0

What Interfaces Use Colors Like Meadow Lark?

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