Köfte Brown
#773644
Earthy brown-red for grounded, darker accents
About Köfte Brown
Köfte Brown looks like a red that got fed a steady dose of cocoa. Compared to Flirt, it doesn't blush forward or feel urgency-first. It's still clearly Red, but the midtone is muted and earthy, so it reads more grounded than attention-grab.
On a light UI, it sits in that darker, brick-brown zone where red badges feel intentional instead of loud. I reach for it in fintech and commerce UI patterns like section headers, row highlights, and warning chips that shouldn't look like a siren. It also works well in editorial covers and brand systems where you want a "heat with restraint" note, especially next to warm grays and espresso browns.
Keep it away from the purple-leaning end like Passionate Plum, otherwise the undertone fight shows up as muddy. If you need contrast, pair it with creamy neutrals rather than stark white so the brown-red stays readable and calm, not flat.
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.