Precious Persimmon

#ff7744

Softer persimmon orange for calm, readable accents

Save
Share

About Precious Persimmon

Precious Persimmon is the orange I see when a ripe persimmon hits the light: softer than the sharper safety-stripe look, but more resolved than the fruit-candy drift. Compared to , it has less playful sheen and more skin-like warmth. Compared to , it feels less like a fresh highlight and more like a seasoned orange with rounded edges. Relative to , it gives up some of that top-end brightness, trading punch for a smoother, quieter presence.

I use it for UI states that need to feel current without screaming. Think fintech product tours, e-commerce order and payment screens, and logistics or inventory dashboards where orange should guide attention, not trigger urgency. It's also great on media tiles for "featured" modules where you want warmth that reads specific, especially over light neutrals. Place it next to deeper charcoal or muted sand and it holds its tone.

One quirk: because it's slightly less bright than , it can look a bit heavy if your background is too warm. If that happens, lift the surrounding whites and let the persimmon do the talking, not the canvas.

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.63:1Fail

On Gray 100 #f5f5f5

Aa
2.42:1Fail

On Gray 900 #18181b

Aa
6.73:1AAAAA Large

On Black #000000

Aa
7.97: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

#ff7855
#fd6f3b
#ff7f50
#f37a48
#f78058

Create a gradient with Precious Persimmon

Open the generator with this color pre-loaded.

Start creating