Navajo White

HEX: #FFDEAD | Modern Palette

On White
1.29:1
FAIL
On Black
16.30:1
PASS

Color Specifications

HEX
#FFDEAD
RGB
255, 222, 173
HSL
35°, 100% ,83%
CMYK
0, 13, 32, 0

About Navajo White

Navajo White (#FFDEAD) is a color with RGB(255, 222, 173) and HSL(35.9°, 100%, 83.9%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #ADCEFF, which creates strong contrast. Its triadic palette includes #ADFFDE and #DEADFF. The name comes from Navajo White (English).

  • HEX: #FFDEAD
  • RGB: 255, 222, 173
  • HSL: 35.9°, 100%, 83.9%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #ADCEFF
  • Triadic colors: #ADFFDE, #DEADFF
  • The name comes from Navajo White (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 #FFDEAD from deepest shade to lightest tint.

Color Characteristics

Mood
Playful
Style
Neon Warm

Accessibility Simulation

Deuteranopia #E8E8AC
Protanopia #E2E2AD
Tritanopia #FFD9D9
Achromatopsia #E3E3E3

Frequently Asked Questions

Navajo White (#FFDEAD) is a color with RGB(255, 222, 173) and HSL(35.9°, 100%, 83.9%).

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

#FFDEAD is suitable for Text, Button, Background and works well with Neon, Warm styles.

#FFDEAD is commonly associated with Playful.

The name Navajo White is linked to Navajo White from English, meaning A pale, off-white color with a yellowish or peachy tint, reminiscent of the color of sand or adobe often associated with the Navajo Nation's traditional dwellings and crafts..

Name, History & Etymology

Origin Word Navajo White
Meaning A pale, off-white color with a yellowish or peachy tint, reminiscent of the color of sand or adobe often associated with the Navajo Nation's traditional dwellings and crafts.
Language English
First Recorded Use Late 1980s - Early 1990s (as a standardized color name)

History

The name 'Navajo White' is inspired by the traditional building materials and natural environment associated with the Navajo (Diné) people, particularly the color of adobe, sand, and natural pigments used in their art and architecture. It evokes a sense of warmth, earthiness, and natural light. The color gained significant popularity in interior design and home decor during the late 20th century as a softer alternative to stark white, offering a more inviting and less sterile feel. It was also included in early web color standards, making it a common choice for backgrounds and text in digital design.

First Recorded Use

The specific color 'Navajo White' with the hex code #ffdead became widely recognized and standardized in digital and paint color systems around the late 1980s to early 1990s. While the concept of a 'Navajo white' might have existed informally before, its formalization as a distinct color name in commercial products and web standards solidified around this period.

Cultural Associations

The name 'Navajo White' is a direct reference to the Navajo Nation. While intended to evoke a natural, earthy aesthetic often associated with the region and culture, it's important to acknowledge that the naming of colors after Indigenous groups can sometimes be seen as a form of cultural appropriation if not done with respect and understanding. The color itself is a popular neutral, often used to create a warm and inviting atmosphere in homes. It is distinct from pure white, possessing a subtle yellow or peach undertone that gives it its characteristic warmth.

Similar Named Colors

Champagne #FAD6A5 ΔE 1.91
Peach Yellow #FADFAD ΔE 2.05
Peach #FFE5B4 ΔE 2.59
Wheat #F5DEB3 ΔE 3.14

Code Snippets

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

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

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

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

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

// SCSS variable
$navajo-white: #FFDEAD;

// With RGB channels (useful for rgba() usage)
$navajo-white-r: 255;
$navajo-white-g: 222;
$navajo-white-b: 173;

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