Moccasin

Buckskin Softness, The Warmth of Relaxation

Brown & Tan Gentle Standard Color

HEX#FFE4B5

RGBrgb(255, 228, 181)

HSLhsl(38, 100%, 85%)

HSVhsv(38, 29%, 100%)

CMYKcmyk(0%, 11%, 29%, 0%)

HEXA#FFE4B5FF

RGBArgba(255, 228, 181, 1)

HSLAhsla(38, 100%, 85%, 1)

OKLCHoklch(96.7%, 0.034, 84)

LCHlch(96.1%, 10.9, 136)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#6B4400Ratio 6.9:1AA

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#617000Ratio 4.4:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#389900Ratio 3:1AA Large

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#00BD78Ratio 2:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#855400

#B37100

#E69100

#FFAB1A

#FFBE4D

#FFD080

#FFE3B3

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#E8DDC9

#ECDEC6

#F0DFC2

#F4E0BE

#F7E1BA

#FBE2B6

#FFE3B3

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#56482E

#7F6334

#B08336

#D7A042

#EAB861

#F7CE87

#FFE3B3

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#FFD0B3

#FFD6B3

#FFDDB3

#FFE3B3

#FFE9B3

#FFF0B3

#FFF6B3

💡 Use Cases

🏠

Interior Design

Moccasin is a popular wall color for living rooms and bedrooms, creating a warm, soft, and relaxing atmosphere.

🧵

Textiles & Fashion

It is used in soft furnishings, linen, and casual clothing to evoke comfort and a natural aesthetic.

👡

Footwear & Accessories

The color is used for casual shoes, bags, and accessories, reflecting its namesake's comfortable, natural feel.

🖥️

Web & Graphic Design

Moccasin provides a soft, warm, and friendly background for websites and brands seeking a gentle, approachable feel.

📜 Origin & History

Moccasin is a warm, soft, pale brown that takes its name and feel from the traditional soft leather shoe worn by various Indigenous peoples of North America. The color is inspired by the natural tones of tanned buckskin.

The moccasin is a symbol of Native American heritage and a deep connection to the land. The color carries a sense of history, handcraftsmanship, and a way of life that is in harmony with nature.

In the 20th century, Moccasin entered the mainstream color palette in the US, used to represent a casual, comfortable, and natural aesthetic, reminiscent of leisure and relaxation.

Today, Moccasin is a popular color in interiors and fashion for its soft, neutral warmth. It creates a relaxed, welcoming atmosphere that feels both modern and grounded in tradition.

The color conveys ease, comfort, and an unhurried way of life. It evokes feelings of walking barefoot, of home, and of a gentle, natural simplicity.

🧠 Color Psychology

ComfortingMoccasin is deeply comforting, evoking a feeling of being at home, warm, and at ease.

SoftThe color is extremely soft and gentle, non-intrusive, and creates a peaceful, soothing atmosphere.

NaturalIt feels organic and natural, connecting to the natural world and the simple materials of tanned leather.

RelaxedMoccasin suggests a relaxed, leisurely lifestyle, a break from formality, and a focus on comfort.

WarmIts warm, golden undertones provide a sense of welcome and coziness.

HomelyThe color is closely associated with home, family, and a feeling of personal, private comfort.

← Back to Explore Colors