Pearl
#E2DFD2

A soft, iridescent white that exudes elegance and sophistication, inspired by the natural beauty of pearls.

#E2DFD2
RGB(226, 223, 210)
#2B221D
#4F4038
#5F4C41
#725C4B
#877258
#9A8866
#A89B77
#B8AF91
#D0CBB7
#E2DFD2
#F7F6F3

Color Values

HEX

#E2DFD2

RGB

rgb(226, 223, 210)

HSL

hsl(49°, 22%, 85%)

CMYK

0%, 1%, 7%, 11%

HSV

49°, 7%, 89%

XYZ

69.38, 73.60, 71.52

Color Variations

Triadic Colors

#E2DFD2
#D2E2DF
#DFD2E2

Analogous Colors

#E2DFD2
#DDE2D2
#E2D7D2

Monochromatic Colors

#C4BEA3
#CEC9B3
#D8D4C2
#E2DFD2

CSS Examples

Pearl Shimmer

.pearl-shimmer {
    background: linear-gradient(
        135deg,
        #f7f6f3 0%,
        #e2dfd2 45%,
        #d0cbb7 80%,
        #e2dfd2 100%
    );
    box-shadow: 
        0 0 30px rgba(226, 223, 210, 0.3),
        inset 0 0 20px rgba(247, 246, 243, 0.5);
    animation: pearlShine 3s infinite ease-in-out;
}

Iridescent Surface

.iridescent-surface {
    background-color: #e2dfd2;
    position: relative;
    overflow: hidden;
    &::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(
            circle,
            rgba(247, 246, 243, 0.8),
            rgba(208, 203, 183, 0.4),
            rgba(184, 175, 145, 0.2)
        );
        animation: rotate 8s linear infinite;
    }
}

Pearl Button

.pearl-button {
    background: linear-gradient(
        to bottom right,
        #f7f6f3,
        #e2dfd2 50%,
        #d0cbb7
    );
    border: 1px solid rgba(184, 175, 145, 0.3);
    box-shadow:
        0 2px 10px rgba(168, 155, 119, 0.1),
        inset 0 1px 0 rgba(247, 246, 243, 0.9);
    transition: all 0.3s ease;
}

Nacre Pattern

.nacre-pattern {
    background-color: #e2dfd2;
    background-image: 
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 10px,
            rgba(208, 203, 183, 0.1) 10px,
            rgba(208, 203, 183, 0.1) 20px
        );
    box-shadow: inset 0 0 50px rgba(184, 175, 145, 0.2);
}

Pearl Wave

.pearl-wave {
    background: #e2dfd2;
    position: relative;
    &::after {
        content: '';
        position: absolute;
        background: linear-gradient(
            transparent,
            rgba(247, 246, 243, 0.5),
            transparent
        );
        width: 150%;
        height: 50%;
        transform: rotate(-45deg);
        animation: waveMove 4s infinite ease-in-out;
    }
}

About Pearl

The color Pearl is a soft, iridescent white that exudes elegance and sophistication. This delicate hue is inspired by the natural beauty of pearls, which have been treasured for centuries.

Historical Significance

Pearl is often associated with purity and luxury, making it a popular choice for wedding themes and high-end fashion. Its subtle shimmer can add a touch of refinement to any design, from interior decor to branding materials.

Color Characteristics

Pearl is characterized by:

  • Soft, iridescent undertones
  • Elegant shimmer
  • Natural inspiration
  • Refined presence
  • Timeless quality

Symbolism and Meaning

Pearl represents:

  • Elegance
  • Purity
  • Luxury
  • Sophistication
  • Refinement

Modern Applications

Today, Pearl is used in:

  • Wedding themes
  • High-end fashion
  • Interior design
  • Branding materials
  • Luxury packaging

pearl color

Pearl

January 13, 2025
PALETTE GENERATOR
#E2DFD2

Real Design Examples 👇🏽

Fashion

No items found.

Interior

No items found.

Wallpapers

No items found.

Patterns

No items found.

Best Match

Pearl
#E2DFD2
No items found.
Build with ❤️ Lovable