Cinnamon Buff
#ffbf6e
More muted than buttery, with baked-cinnamon warmth
About Cinnamon Buff
Cinnamon Buff is what happens when you want warmth that actually feels like a choice, not a default. It's lighter and less saturated than Buttery's unambiguous golden lean, but it's got more restraint than Apricot Sherbet's fruit-forward pop. This one reads softer and more approachable, closer to a powdered spice than a raw ingredient.
Use it in food and beverage apps, recipe platforms, and wellness dashboards where you need a warm neutral that doesn't feel heavy or dated. It works in beauty packaging, hospitality interfaces, and product design when you want the color to support the content, not announce itself. Unlike Chai Latte's steeped earthiness, this skews lighter and cleaner. Unlike Apricot Sherbet's brightness, it sits back slightly, which means it pairs well with both crisp type and softer imagery without demanding everything else adjust around it.
Watch it on actual screens before committing, it can read slightly cooler and less saturated on dim displays. Anchor it with deeper warm tones or muted neutrals and you'll see the full softness. Put it on pure white and it loses some of that approachability.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.