Chocolate

Chocolate (the web's warm mid-brown) is comfort and appetite: coffee, baking, autumn. Richer than tan, friendlier than espresso — the food-industry workhorse.

food and coffeeautumn themescozy brands

Values in every format

HEX: #d2691e
RGB: rgb(210, 105, 30)
HSL: hsl(25, 75%, 47%)
OKLCH: oklch(0.634 0.155 50.3)
CMYK: cmyk(0%, 50%, 85.7%, 17.6%)

Hue family: Brown · closest CSS name: chocolate. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #D2691E itself.

50#fff5f0
100#ffe8db
200#ffd5bd
300#ffba94
400#fa9559
500#e37832
600 ★#d2691e
700#a54c00
800#833b00
900#652c00
950#401900

Build a full system from #D2691E

Harmonies with chocolate

Complementary

Maximum contrast — use one side for action, the other sparingly.

#d2691e #1e87d2

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#d21e2d #d2691e #d2c31e

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#d2691e #1ed269 #691ed2

Measured contrast

on white3.63:1 · AA large only

on black5.78:1 · AA normal ✓

Check your own pairs