Bone
#E3DAC9

A soft, off-white shade that exudes elegance and tranquility, perfect for creating serene and timeless designs.

#E3DAC9
RGB(227, 218, 201)
#2F211B
#584336
#6C5040
#856249
#9F7957
#AC8A63
#BB9F7C
#CFBEA2
#E3DAC9
#F1EDE3
#F9F7F3

Color Values

HEX

#E3DAC9

RGB

rgb(227, 218, 201)

HSL

hsl(39°, 32%, 84%)

CMYK

0%, 4%, 11%, 11%

HSV

39°, 11%, 89%

XYZ

67.29, 70.69, 65.36

Color Variations

Shades

#CCC4B4
#B5AEA0
#9E988C
#888278

Tints

#E5DDCE
#E8E1D3
#EBE5D9
#EEE8DE

Triadic Colors

#E3DAC9
#C9E3DA
#DAC9E3

Analogous Colors

#E3DAC9
#DFE3C9
#E3CDC9

Monochromatic Colors

#C9B797
#D2C3A7
#DACEB8
#E3DAC9

Complementary Color

#E3DAC9
#C9D2E3

CSS Examples

Porcelain Effect

.porcelain-surface {
    background: linear-gradient(
        135deg,
        #f9f7f3 0%,
        #e3dac9 50%,
        #cfbea2 100%
    );
    box-shadow: 
        inset 0 0 20px rgba(255,255,255,0.8),
        inset 0 0 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

Ivory Texture

.ivory-texture {
    background: 
        repeating-radial-gradient(
            circle at 50% 50%,
            #e3dac9,
            #e3dac9 10px,
            #f1ede3 10px,
            #f1ede3 20px
        );
    opacity: 0.9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

Elegant Button

.elegant-button {
    background: linear-gradient(145deg, #f1ede3, #e3dac9);
    color: #584336;
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    box-shadow: 
        0 4px 15px rgba(227,218,201,0.3),
        inset 0 2px 4px rgba(255,255,255,0.5);
    transition: all 0.3s ease;
}

Marble Pattern

.marble-pattern {
    background: 
        linear-gradient(
            45deg,
            #f9f7f3 25%,
            transparent 25%
        ) -50px 0,
        linear-gradient(
            45deg,
            transparent 75%,
            #e3dac9 75%
        ) -50px 0;
    background-size: 100px 100px;
    box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
}

Antique Frame

.antique-frame {
    border: 15px solid #e3dac9;
    border-image: 
        linear-gradient(
            45deg,
            #cfbea2,
            #e3dac9,
            #f1ede3,
            #e3dac9,
            #cfbea2
        ) 1;
    padding: 20px;
    box-shadow: 
        inset 0 0 20px rgba(0,0,0,0.1),
        0 0 10px rgba(0,0,0,0.05);
}

About Bone

The color Bone is a soft, off-white shade that exudes a sense of calm and neutrality. This subtle hue is reminiscent of natural bone, offering a timeless and versatile aesthetic.

Historical Significance

Bone color originates from the natural pigmentation found in bones, which has been admired for its understated elegance. It is an excellent choice for interior design, providing a neutral backdrop that complements a variety of styles and color schemes.

Color Characteristics

Bone is characterized by:

  • Soft, off-white tone
  • Subtle beige undertones
  • Natural warmth
  • Timeless appeal
  • Versatile application

Symbolism and Meaning

Bone represents:

  • Timeless elegance
  • Neutral sophistication
  • Serene atmosphere
  • Versatile foundation
  • Natural purity

Modern Applications

Today, Bone is used in:

  • Interior design for neutral spaces
  • Fashion for timeless pieces
  • Graphic design for clean aesthetics
  • Product design for elegant finishes
  • Architectural elements

Bone

January 10, 2025
PALETTE GENERATOR
#E3DAC9

Real Design Examples 👇🏽

Fashion

No items found.

Interior

No items found.

Wallpapers

No items found.

Patterns

No items found.

Best Match

Bone
#E3DAC9
No items found.
Build with ❤️ Lovable