Sappanwood
#9e3d3f
Muted warm plum-orange for grounded warmth and depth
About Sappanwood
Sappanwood looks like a stained-wood glaze brushed over a brick-red foundation. It's not the tight ember intensity of the neighbors and it doesn't read worn-metal dusty like Rusty Heart. Compared to Red My Mind, it keeps more depth and warmth, with less tomato redness and a more mulled, woodsy undertone.
On screens, that difference shows up fast in motion. I like it for dashboards and finance apps when you want the status to feel deliberate, not "alert." Think subscription state chips, review queue priorities, and checkout or billing banners in ecommerce dashboards where you need warmth to guide attention without going into the match-heat territory. It's also a solid choice for brand system UI where a copper-red accent would feel too earthy, but a cleaner red would feel too sharp.
Pair it with oat cream, warm grays, or deep espresso browns, and give it breathing room next to brighter oranges so it stays grounded rather than muddy.
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.
