Dragon Fruit
#d75969
Dusty rose-orange for restrained, high-contrast UI highlights
About Dragon Fruit
Dragon Fruit looks like a strawberry candy caught under warm studio lights. It's that mid-light, slightly dusty pink-red that doesn't go full coral (unlike Berrylicious) and doesn't lean as cool or serious as Cranberry Splash.
Compared to Aphrodisiac, it feels more open and less burn-like. You get color punch without the darker, heavier pressure, which makes it the one you reach for when you want "active" but not intense. This shade shows up well in dating and social platforms for primary buttons, tap states, and hero overlays that need to read friendly at a glance. It's also useful for health interfaces where alerts should stand out, but you don't want the interface to feel like it's scolding.
Quirk: it pairs best with neutral card backgrounds and cool grays. Put it next to deep reds and it starts looking a touch muted, like it's trying not to compete.
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.