Coffee Whip
#df9d5b
Creamy apricot-gold, softer than persimmon and deeper
About Coffee Whip
Coffee Whip is what happens when you pull orange back into the yellow family by adding actual brown to it. It's softer and less aggressive than Burning Trail, but it's not trying to be neutral the way Caramel Drizzle is, there's still color here, just tempered with earth instead of heat. The saturation sits lower than Cheddar too, which means it reads warmer in the room than it does on your monitor.
Reach for this one in hospitality dashboards, food interfaces, and luxury retail where you need approachable warmth without the visual noise of pure orange. It works behind product imagery in beauty and fashion e-commerce, anchors secondary navigation in restaurant apps, and pairs naturally with cream or off-white backgrounds. The restraint compared to Burning Trail means it won't feel like it's constantly demanding attention, but it's got enough presence to land on smaller UI elements without disappearing.
Pair it with charcoal or cool grays and it softens further, test it against your actual background before committing. On warm or beige backdrops it can drift closer to pure tan, so know your context first.
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.