Pearl

Meet Pearl (#EAE0C8), a soft, off-white hue that offers more than meets the eye. Its striking quality comes from a delicate balance of warm, creamy undertones with a touch of muted beige, giving it a sophisticated depth that sets it apart from simple whites or creams.

Pearl
#EAE0C8
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Pearl?

Pearl is a soft, warm off-white with subtle creamy undertones.

Its gentle hue gives it a classic and sophisticated appearance, distinct from stark, cool whites.

What is the meaning of the color Pearl?

The color Pearl, much like the gemstone it's named after, represents wisdom, purity, and serenity, conveying a sense of quiet elegance and timeless sophistication.

Historically associated with luxury and royalty, its warm off-white character creates a comforting and gentle atmosphere, making digital interfaces feel more approachable and calm.

How can I use the color Pearl in my UI design?

In design, Pearl (#EAE0C8) serves as a sophisticated background, offering a warmer alternative to stark white. For accessible, high-contrast text, pair it with deep browns or charcoals. It works well with muted earth tones for a natural aesthetic or with rich jewel tones for a more luxurious feel.

While some brands like Burger King use similar creamy hues, Pearl as a primary brand color is uncommon. This rarity can be an advantage, giving a product a unique visual identity that feels both classic and fresh.

You can explore curated palettes, test color contrast for accessibility, and preview Pearl in real UI components from top brands using the tools below.

Using Pearl color codes

While the hex code #EAE0C8 is standard for web development, working with the color Pearl across different projects requires translating it into other formats. Each color model serves a specific purpose, from digital displays to physical print.

For instance, RGB values define colors for screens using light, whereas CMYK is the go-to for printing inks. Other models like HSL or LAB provide different ways to manipulate color, offering more intuitive adjustments for saturation and brightness.

To help you apply Pearl consistently in your work, we've converted #EAE0C8 into a variety of popular color codes. You can find and copy them directly from the list below.

Pearl Code Conversions

HEX
#EAE0C8
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Pearl Color Harmonies

Analogous

Built from colors adjacent to Pearl on the color wheel, analogous schemes produce a cohesive and serene palette, ideal for calm interfaces.

#123456
#123456
#123456

Complementary

Complementary colors are opposites on the color wheel. Pairing Pearl with its complement creates a striking, high-contrast combination perfect for grabbing attention.

#123456
#123456

Split Complementary

This scheme pairs Pearl with the two colors adjacent to its complement, creating a high-contrast look with less tension than a direct pairing.

#123456
#123456
#123456

Triadic

A triadic scheme pairs Pearl with two other colors equally spaced on the color wheel, creating a vibrant and high-contrast palette.

#123456
#123456
#123456

Tetradic

Tetradic schemes pair Pearl with three other colors, forming two complementary pairs in a rectangle on the color wheel for a vibrant palette.

#123456
#123456
#123456
#123456

Square

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

#123456
#123456
#123456
#123456

Pearl Color Variations

Shades

Shades are darker versions of Pearl, made by mixing in black for added visual weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints of Pearl are created by adding white, resulting in lighter, softer variations of the color.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones of Pearl are created by adding gray, which desaturates the color for a softer appearance.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Pearl, altering its intensity and temperature to create different moods.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Pearl?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion