Coconut Shell

Charcoal Black-Brown, Raw and Primitive

HEX#4D1F00
RGBrgb(77, 31, 0)
HSLhsl(24, 100%, 15%)
HSVhsv(24, 100%, 30%)
CMYKcmyk(0%, 60%, 100%, 70%)
HEXA#4D1F00FF
RGBArgba(77, 31, 0, 1)
HSLAhsla(24, 100%, 15%, 1)
OKLCHoklch(53.8%, 0.114, 73)
LCHlch(45.8%, 52.8, 80)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#4D0008
Copy
#4D1F00
Copy
#4D4500
Triadic3 hues spaced 120° apart
Copy
#4D1F00
Copy
#004D1F
Copy
#1F004D
Split ComplementaryMain color + colors adjacent to its complement
Copy
#4D1F00
Copy
#004D45
Copy
#00084D
Complementary2 hues spaced 180° apart
Copy
#4D1F00
Copy
#002E4D
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#4D1F00
Copy
#084D00
Copy
#002E4D
Copy
#45004D
MonochromaticSingle hue with varying saturation and lightness
Copy
#000000
Copy
#000000
Copy
#4D1F00
Copy
#B34700
Copy
#FF751A

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFA061Ratio 6.9:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#A39300Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#4C8000Ratio 2.9:1Fail
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#006629Ratio 1.9:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#1A0A00Copy
#1F0C00Copy
#291000Copy
#331400Copy
#3D1800Copy
#421B00Copy
#4D1F00Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#362317Copy
#392213Copy
#3D220FCopy
#41210BCopy
#452008Copy
#491F04Copy
#4D1F00Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#110C09Copy
#160E09Copy
#1F120ACopy
#2A1609Copy
#361A07Copy
#3E1B04Copy
#4D1F00Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#4D0B00Copy
#4D1200Copy
#4D1800Copy
#4D1F00Copy
#4D2500Copy
#4D2B00Copy
#4D3200Copy

💡 Use Cases

🎭

Crafts & Art

Coconut Shell is a common color for traditional crafts, including carved wood, masks, and utensils in tropical cultures.

🪵

Furniture Design

As a finish, Coconut Shell adds a rich, dark, and natural tone to furniture, particularly in mid-century modern or tropical designs.

🧴

Sustainable Products

The color is often used in eco-friendly packaging and product design, highlighting a brand's commitment to natural, sustainable materials.

🏠

Biophilic Design

Used in interiors, Coconut Shell supports a biophilic aesthetic, bringing the raw, organic feel of nature indoors.

📜 Origin & History

Coconut Shell is a dark, warm brown reminiscent of the charred or naturally aged color of a coconut's outer husk. This color has been used in various traditional crafts, especially in tropical regions where coconuts are abundant.

In many Pacific and Southeast Asian cultures, coconut shells are carved into utensils, ornaments, and fuel. The deep, dark brown color of the shell has been a part of daily life for centuries, symbolizing utility, craftsmanship, and natural resources.

In the 20th century, this color entered the interior design and fashion sectors, used to bring a sense of raw, organic, and earthy warmth to spaces. It became associated with tropical modernism and sustainable, natural materials.

Today, Coconut Shell is used in design for its grounding, earthy quality. It is often used in minimalist and biophilic designs, connecting modern spaces with the raw, unadorned textures of nature.

The color represents a return to basics, a connection to the earth, and the beauty found in simple, natural materials. It is frequently used in eco-friendly and sustainable product lines.

🧠 Color Psychology

EarthyCoconut Shell is deeply earthy, evoking a strong connection to the ground, nature, and organic materials.
GroundingIts dark, solid color provides a sense of stability, grounding, and reliability, anchoring a design.
RusticThe color has a rustic, unrefined quality, suggesting simplicity, tradition, and a connection to handcrafted objects.
WarmDespite its darkness, it retains a warm, brown undertone that feels more inviting and less harsh than pure black or charcoal.
NaturalCoconut Shell is distinctly natural, free from synthetic harshness, and feels authentic and organic.
PrimitiveIt evokes a sense of the primitive, connecting to ancient crafts, raw materials, and the fundamental elements of nature.