Cinnamon Buff

#ffbf6e

More muted than buttery, with baked-cinnamon warmth

Save
Share

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 's unambiguous golden lean, but it's got more restraint than '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 '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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.62:1Fail

On Gray 100 #f5f5f5

Aa
1.49:1Fail

On Gray 900 #18181b

Aa
10.91:1AAA

On Black #000000

Aa
12.93:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Cinnamon Buff

Open the generator with this color pre-loaded.

Start creating