Satin Chocolate
#773344
Warm satin brown-red for deeper, grounded accents
About Satin Chocolate
Satin Chocolate reads like a cocoa-dusted red that stays composed. It's darker than Flirt, with less "blush" momentum, but it's also less earthy than Köfte Brown. Merlot Fields is smoother and wine-leaning; Satin Chocolate feels more chocolate-red in the midtone, with a slightly softer edge and a calmer burn.
On a UI, I like it for secondary destructive moments where you still want urgency but not a shout: payment dispute banners, account lock warnings, refund or chargeback states in fintech, and red-tagged items in commerce dashboards. It also holds up in editorial systems for section bars and pull quotes that need warmth without looking purple or muddy. Pair it with warm grays, oatmeal neutrals, or espresso browns so the undertone stays coherent.
If you push it toward very light backgrounds, it can look a touch flat. Keep the surrounding neutrals warm, and give it a little contrast so it reads the one you reach for when the message should feel serious, not reactive.
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.
