Snake Fruit

#db2217

Deeper, hotter orange-red for urgent, focused emphasis

Save
Share

About Snake Fruit

Snake Fruit hits like a ripe, glossy chili color on a product photo, not a flat red overlay. It sits in-between red and orange, but the orange pull is softer and rounder, so it reads less like an alert and more like something edible. Compared to , it's less sweetened and less poster-bright; compared to , it doesn't look fluorescent or urgency-fuelled.

What I use it for is CTAs that need appetite without the siren edge. Think grocery and food delivery landing pages, snack-pack hero images, and commerce banners where you want warmth to feel direct but controlled. In entertainment tiles it can work as a lead accent, while still staying calmer than 's straightforward heat. On dark UI, Snake Fruit shows up with a richer, slightly deeper confidence rather than a sharper stop-sign snap.

Pair it with cocoa browns or charcoal and let it breathe next to cleaner oranges, because it can trend redder than you expect if the surrounding tones are too cool.

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
4.94:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.53:1AAAAA Large

On Gray 900 #18181b

Aa
3.59:1FailAA Large

On Black #000000

Aa
4.25:1FailAA Large

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.

Create a gradient with Snake Fruit

Open the generator with this color pre-loaded.

Start creating