Veil of Cinder

#784f50

Softer, smoky cinder-brown orange for subdued warmth

Save
Share

About Veil of Cinder

Veil of looks like an orange-brown smoke wash over clay, not a clean brick or a bright carrot. It's slightly deeper and more muted than , so you lose that denser red clarity, and it doesn't go dusty like . Compared with , it feels a bit more shadowed and less foamy-warm, closer to dried ember than fresh roast.

In UI, this is the shade I use when I need the one you reach for that still reads deliberate, not alert. It shows up as section labels and callout accents in e-commerce and subscription products, plus dashboards and finance apps for "earned" states like completed tasks or reviewed items. For print, it's strong in packaging systems for coffee, hearth goods, and tea where you want warmth with restraint.

Quirk: on very pale backgrounds it can tip heavier and slightly grayer, so it plays nicest with sand creams, warm charcoals, or soft off-white neutrals.

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
6.92:1AAAAA Large

On Gray 100 #f5f5f5

Aa
6.35:1AAAAA Large

On Gray 900 #18181b

Aa
2.56:1Fail

On Black #000000

Aa
3.03:1FailAA Large

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.

Similar colors

Create a gradient with Veil of Cinder

Open the generator with this color pre-loaded.

Start creating