Coffee Whip

#df9d5b

Creamy apricot-gold, softer than persimmon and deeper

Save
Share

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 , but it's not trying to be neutral the way is, there's still color here, just tempered with earth instead of heat. The saturation sits lower than 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 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.

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
2.30:1Fail

On Gray 100 #f5f5f5

Aa
2.11:1Fail

On Gray 900 #18181b

Aa
7.69:1AAA

On Black #000000

Aa
9.11:1AAA

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

#d89f66
#dc9b68
#ef985c
#e59b34
#dd9933

Create a gradient with Coffee Whip

Open the generator with this color pre-loaded.

Start creating