Lumber

HEX: #FFE4CD | Modern Palette

On White
1.22:1
FAIL
On Black
17.23:1
PASS

Color Specifications

HEX
#FFE4CD
RGB
255, 228, 205
HSL
27°, 19% ,100%
CMYK
0, 10.59, 19.61, 0

About Lumber

Lumber (#FFE4CD) is a color with RGB(255, 228, 205) and HSL(27.6°, 19.61%, 100%). In design, it fits Pastel, Warm styles and is suitable for Text, Background, Print. Its complementary color is #CDE8FF, which creates strong contrast. Its triadic palette includes #CDFFE4 and #E4CDFF. The name comes from lumber (Old English).

  • HEX: #FFE4CD
  • RGB: 255, 228, 205
  • HSL: 27.6°, 19.61%, 100%
  • Style: Pastel, Warm
  • Use case: Text, Background, Print
  • Complementary color: #CDE8FF
  • Triadic colors: #CDFFE4, #E4CDFF
  • The name comes from lumber (Old English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #FFE4CD from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Pastel Warm
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #ECECCC
Protanopia #E7E7CD
Tritanopia #FFE1E1
Achromatopsia #E9E9E9

Frequently Asked Questions

Lumber (#FFE4CD) is a color with RGB(255, 228, 205) and HSL(27.6°, 19.61%, 100%).

#FFE4CD pairs strongly with #CDE8FF as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#FFE4CD is suitable for Text, Background, Print and works well with Pastel, Warm styles.

The name Lumber is linked to lumber from Old English, meaning to move clumsily or heavily.

Name, History & Etymology

Origin Word lumber
Meaning to move clumsily or heavily
Language Old English
First Recorded Use 14th Century

History

The word 'lumber' has a fascinating etymological journey. It originated in Old English as 'lumber' or 'lumer,' meaning to move heavily or clumsily. This sense is still present in phrases like 'the bear lumbered through the woods.' The transition to meaning 'timber' or 'wood' is believed to have occurred through the concept of 'lumber-room,' a room where discarded or bulky articles (which might include wood) were stored. Over time, the 'lumber' itself became associated with the wood, particularly cut timber. By the 17th century, the meaning of 'lumber' as timber was well-established, especially in North America, where the industry of felling and processing trees became known as 'lumbering.'

First Recorded Use

The earliest recorded use of 'lumber' to refer to timber dates back to the 14th century, though its primary meaning at that time was still related to movement.

Cultural Associations

In North America, 'lumber' is the predominant term for processed wood used in construction, while in British English, 'timber' is more commonly used. The 'lumberjack' is an iconic figure in North American folklore and history, representing the hard work and rugged lifestyle associated with the logging industry. The color #ffe4cd, often called 'Lumber,' evokes the natural, light hue of freshly cut or unfinished wood, reflecting the raw material itself.

Similar Named Colors

Very Pale Orange #FFDFBF ΔE 3.12
Bisque #FFE4C4 ΔE 3.40
Unbleached Silk #FFDDCA ΔE 3.86
Almond #EFDECD ΔE 4.01

Code Snippets

/* Background */
.element {
    background-color: #FFE4CD;
}

/* Text */
.element {
    color: #FFE4CD;
}

/* Border */
.element {
    border: 1px solid #FFE4CD;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #FFE4CD,
        #FFFFFF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FFE4CD,
        #FFFFFF
    );
}

// SCSS variable
$lumber: #FFE4CD;

// With RGB channels (useful for rgba() usage)
$lumber-r: 255;
$lumber-g: 228;
$lumber-b: 205;

// Usage
.element {
    background-color: $lumber;
    color: rgba($lumber-r, $lumber-g, $lumber-b, 0.8);
}