Cinnamon #D2691E

Cinnamon is a warm orange-brown with the hex code #D2691E. It has medium lightness and strong saturation for a brown, so it looks closer to orange than to coffee. Named after the spice, it calls up baked goods, warm drinks, autumn leaves, and cozy kitchens.

#D2691E is the same value CSS calls "chocolate," even though it looks more like ground cinnamon than a chocolate bar. Other color lists give cinnamon slightly darker values.

Cinnamon color codes
HEX#D2691E
RGBrgb(210, 105, 30)
HSLhsl(25, 75%, 47%)
HSVhsv(25, 86%, 82%)
CMYKcmyk(0%, 50%, 86%, 18%)

Text on Cinnamon

Black text reads better on Cinnamon. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

3.63:1 · AA large
Black text

The quick brown fox jumps over the lazy dog.

5.77:1 · AA

Colors that go with Cinnamon

Cinnamon tints and shades

Tints mix Cinnamon with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#D98040
#E09662
#E6AD83
#EDC3A5
#F4DAC7

Shades

#B3591A
#934A15
#743A11
#542A0C
#351A08

Cinnamon color schemes

Color-wheel harmonies built by rotating the hue of #D2691E and keeping its saturation and lightness.

Complementary

#D2691E
#1E87D2

Analogous

#D21E2D
#D2691E
#D2C31E

Triadic

#D2691E
#1ED269
#691ED2

Split complementary

#D2691E
#1ED2C3
#1E2DD2

Tetradic

#D2691E
#2DD21E
#1E87D2
#C31ED2

Cinnamon color meaning

Cinnamon is a comfort color. The spice goes into hot drinks, holiday baking, and fall menus in many countries, so the shade suggests home, hospitality, and something slow-cooked. Many people link its smell with fall and the winter holidays, and the color picks up that seasonal comfort.

It has more energy than most browns. The orange in it keeps it lively and friendly, while the brown base stops it from feeling childish. That mix lets it read as earthy and appetizing at once, which is what food and hospitality brands often look for.

Cinnamon was once an expensive import in Europe, traded over long distances, so some people still read the color as old-world and a little special. For most viewers today it simply means warmth and the turn of the seasons.

How to use Cinnamon in design

Use cinnamon for bakeries, coffee shops, candles, skincare, and seasonal campaigns. On a website it works as an accent or button color against cream, beige, or off-white, and it holds up next to dark chocolate browns. Dark text reads more clearly on it than white, so set copy on a cinnamon block in deep brown or charcoal, or keep white text large and bold. In fashion and interiors it appears in suede, knitwear, and leather, and it suits fall wardrobes and wood-heavy rooms.

Palettes with Cinnamon tones

Curated palettes with a color close to #D2691E.

Colors similar to Cinnamon

Work with Cinnamon

Cinnamon FAQ

What is the difference between cinnamon and rust?

Rust is darker and redder, closer to oxidized iron, while cinnamon is lighter and more orange. Rust feels rugged and industrial; cinnamon feels softer and more edible. If a palette needs warmth without much weight, cinnamon is the easier choice, and rust suits deeper, moodier schemes.

What colors go with cinnamon?

Cream, beige, and off-white give cinnamon a calm base. Chocolate brown and mustard build a warm autumn palette, and teal or sage green add cool contrast so the scheme doesn't get too hot. For text or outlines, charcoal and dark brown sit comfortably next to it.