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.
| HEX | #D2691E | |
|---|---|---|
| RGB | rgb(210, 105, 30) | |
| HSL | hsl(25, 75%, 47%) | |
| HSV | hsv(25, 86%, 82%) | |
| CMYK | cmyk(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.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
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
Shades
Cinnamon color schemes
Color-wheel harmonies built by rotating the hue of #D2691E and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
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.