Cinnamon
Vibrant, intense warmth for high-impact accents
Cinnamon is a bold, saturated orange with a heavy, warm presence. Because of its intensity, it works best as a 10% accent color rather than a dominant background. Pair it with dark slate blues to balance the heat. The hex code for this shade is #d26911. Black text remains legible over this color, making it a functional choice for high-visibility buttons and call-to-action elements.
About Cinnamon
Ground spice heaped on a warm wooden spoon
What does cinnamon mean?
Cinnamon often calls to mind baking, autumn harvests, terracotta pottery, and the glow of low evening light. Strong saturation and medium darkness give it a full, mellow heat rather than the sharp shout of pure orange.
Where you see cinnamon
- cinnamon sticks
- terracotta pots
- roasted sweet potatoes
- copper cookware
- fall leaves
- paprika
What it works for
It works well for food packaging, fall campaigns, craft branding, and any design that wants warmth with weight.
What colors go with cinnamon?
Teal #008080The cool blue-green sits opposite on the wheel, so both colors read sharper together.Cream #fffdd0Cream softens the strong saturation and gives the orange room to breathe.Espresso #4e312dThe dark brown shares its warmth but sits deeper, grounding the brighter tone.Sage #9caf88The muted green cools the heat without competing for attention.Mustard #ffdb58Two warm midtones stack into a rich, harvest-style palette.Charcoal #36454fThe near-black neutral lets the saturated orange carry all the color.
Questions about Cinnamon
What is the hex code for Cinnamon?
Cinnamon is #d26911. In RGB that is rgb(210, 105, 17), in HSL hsl(27, 85%, 45%) and in CMYK 0%, 50%, 92%, 18%.
How do I use #d26911 effectively in design?
Treat #d26911 as a high-impact accent rather than a primary background color because its saturation can easily overwhelm a layout. It works beautifully for call-to-action buttons or small visual elements when paired with dark slate or neutral charcoal grays to balance the intensity.
Is Cinnamon readable on white or black?
Cinnamon has a 3.64:1 contrast ratio on white and 5.76:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.