Chocolate

Cocoa Warmth, Sweet and Rich

Brown & Tan Warm Standard Color

HEX#D2691E

RGBrgb(210, 105, 30)

HSLhsl(25, 75%, 47%)

HSVhsv(25, 86%, 82%)

CMYKcmyk(0%, 50%, 86%, 18%)

HEXA#D2691EFF

RGBArgba(210, 105, 30, 1)

HSLAhsla(25, 75%, 47%, 1)

OKLCHoklch(78.7%, 0.118, 70)

LCHlch(74.7%, 44.9, 80)

🎨 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

#FEFCFBRatio 3.6:1AA Large

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

Aa14px Body

Standard Text

#FEFDF6Ratio 3.6:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#D5F3AARatio 3:1AA Large

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

Aa14px Body

Decorative / Dividers

#1FDB6DRatio 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%

#3E1F09

#592D0D

#703810

#8A4514

#A15017

#BB5E1B

#D2691E

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

#9C7254

#A5704A

#AE6F42

#B76D38

#C06C30

#C96A26

#D2691E

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#2C221B

#433023

#593C26

#764928

#905327

#B25F24

#D2691E

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

#D23C1E

#D24B1E

#D25A1E

#D2691E

#D2781E

#D2871E

#D2961E

💡 Use Cases

🍫

Food & Beverage

Chocolate is the primary color for chocolate brands, confectionery, and cafes, used in packaging and interiors.

🛋️

Interior Design

Chocolate-colored walls, sofas, or accents create a warm, inviting, and sophisticated living space.

💄

Cosmetics

Chocolate is a popular color for makeup palettes, lipsticks, and skincare packaging, suggesting richness and natural ingredients.

📦

Packaging

Brands use Chocolate to evoke premium quality, natural ingredients, and a sense of indulgence in product packaging.

📜 Origin & History

Chocolate is a warm, rich brown that directly mirrors the color of chocolate itself. The human relationship with chocolate dates back to ancient Mesoamerican civilizations, where it was consumed as a bitter beverage.

When chocolate was introduced to Europe in the 16th century, it was a luxurious and exotic product. The color became associated with opulence, pleasure, and indulgence, finding its way into the palettes of Baroque and Rococo artists.

In the 19th century, the mass production of chocolate brought the color into the everyday sphere. It became a popular color in fashion and interiors, representing comfort, richness, and a sense of bourgeois well-being.

Today, Chocolate is a beloved color in design, fashion, and cosmetics. It offers a delicious warmth and a sense of comfort, often used to create cozy, inviting, and sophisticated spaces.

The color is closely linked to the senses of taste and smell, making it highly evocative. It represents a sweet, comforting warmth that is both familiar and luxurious.

🧠 Color Psychology

IndulgentChocolate is inherently indulgent, evoking the pleasure and satisfaction of consuming rich, sweet foods.

ComfortingIt provides a sense of warmth, comfort, and security, much like the feeling of enjoying a hot chocolate on a cold day.

RichThe color is visually rich and full-bodied, suggesting depth, quality, and substance.

WarmChocolate is a deeply warm color, offering a feeling of coziness and intimacy, perfect for creating inviting spaces.

SweetThe color inherently feels sweet, evoking positive, pleasant emotions associated with treats and rewards.

LuxuriousHistorically, chocolate was a luxury, and the color retains a sense of premium quality and pampering.

← Back to Explore Colors