Burlywood
#DEB887

A warm, natural brown that captures the essence of wood grain, perfect for creating cozy and rustic designs.

#DEB887
RGB(222, 184, 135)
#371D13
#663B28
#7E462E
#9C5732
#BC6E3A
#CA8345
#D39C64
#DEB887
#EDD9BB
#F6EDDE
#FBF8F1

Color Values

HEX

#DEB887

RGB

rgb(222, 184, 135)

HSL

hsl(34°, 57%, 70%)

CMYK

0%, 17%, 39%, 13%

HSV

34°, 39%, 87%

XYZ

51.64, 51.56, 30.15

Color Variations

Shades

#C7A579
#B1936C
#9B805E
#856E51

Tints

#E1BF93
#E4C69F
#E7CDAB
#EBD4B7

Triadic Colors

#DEB887
#87DEB8
#B887DE

Analogous Colors

#DEB887
#D9DE87
#DE8D87

Monochromatic Colors

#CE954B
#D3A05F
#D9AC73
#DEB887

Complementary Color

#DEB887
#87ADDE

CSS Examples

Wooden Panel Effect

.wooden-panel {
    background: linear-gradient(
        90deg,
        #deb887 0%,
        #d39c64 25%,
        #deb887 50%,
        #d39c64 75%,
        #deb887 100%
    );
    box-shadow: 
        inset 0 2px 3px rgba(255,255,255,0.3),
        inset 0 -2px 3px rgba(0,0,0,0.3),
        0 1px 4px rgba(0,0,0,0.2);
    border-radius: 8px;
}

Wood Grain Animation

.wood-grain {
    background: repeating-linear-gradient(
        45deg,
        #deb887,
        #deb887 10px,
        #d39c64 10px,
        #d39c64 20px
    );
    animation: grain 3s linear infinite;
}

@keyframes grain {
    from { background-position: 0 0; }
    to { background-position: 40px 40px; }
}

Rustic Button

.rustic-button {
    background: linear-gradient(145deg, #edd9bb, #deb887);
    color: #371d13;
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    box-shadow: 
        0 4px 15px rgba(222,184,135,0.3),
        inset 0 2px 4px rgba(255,255,255,0.5);
    transition: transform 0.2s, box-shadow 0.2s;
}

Wooden Frame

.wooden-frame {
    border: 15px solid #deb887;
    border-image: linear-gradient(
        45deg,
        #bc6e3a,
        #deb887,
        #edd9bb,
        #deb887,
        #bc6e3a
    ) 1;
    box-shadow: 
        inset 0 0 20px rgba(0,0,0,0.2),
        0 0 10px rgba(0,0,0,0.1);
    padding: 20px;
}

Natural Wood Card

.wood-card {
    background: 
        radial-gradient(
            circle at 50% 50%,
            #edd9bb,
            #deb887
        );
    border-radius: 12px;
    padding: 20px;
    box-shadow:
        inset 0 2px 4px rgba(255,255,255,0.3),
        inset 0 -2px 4px rgba(0,0,0,0.2);
    color: #371d13;
}

About Burlywood

Burlywood is a light, soft brown color that evokes the natural warmth of wood. This gentle hue is named after the burly wood from which it draws its inspiration, offering a sense of rustic charm and coziness.

Historical Significance

Originating from the natural tones of wood, Burlywood is a versatile color that can be used in various design contexts. It is particularly effective in creating a warm, inviting atmosphere in interior design, web design, and branding.

Color Characteristics

Burlywood is characterized by:

  • Soft, muted brown tone
  • Golden undertones
  • Natural warmth
  • Rustic charm
  • Versatile application

Symbolism and Meaning

Burlywood represents:

  • Warmth and comfort
  • Natural and organic qualities
  • Stability and reliability
  • Rustic charm
  • Earthy elegance

Modern Applications

Today, Burlywood is used in:

  • Interior design for warm, inviting spaces
  • Web design elements requiring natural tones
  • Branding for eco-friendly products
  • Rustic and vintage-themed designs
  • Natural color schemes

BurlyWood

January 10, 2025
PALETTE GENERATOR
#DEB887

Real Design Examples 👇🏽

Fashion

No items found.

Interior

No items found.

Wallpapers

No items found.

Patterns

No items found.

Best Match

BurlyWood
#DEB887
No items found.
Build with ❤️ Lovable