Nectarine
#ff8656
Peachy orange glow for softer, calmer highlights
About Nectarine
Nectarine looks like that moment the fruit blushes over on the counter, not quite red, not quite peach. It sits lighter than Bonfire and Coral, with a cleaner, juicier saturation that doesn't turn coppery the way Firewatch can. The undertone is more apricot than flame, so it reads friendly but still confidently orange.
I reach for Nectarine in product and lifestyle UI where you want energy without triggering alert-bright behavior. It's great for onboarding and account states in consumer apps, season-forward promos in e-commerce, and food and wellness landing pages where the orange needs to feel fresh, not fiery. It also holds up in cards, badges, and section headers because the color is light enough to stay readable while still pulling the eye.
Pair it with warm creams, sand, and soft terracottas; pushing it against cool grays can make it feel a touch too "past-due peach" instead of orange heat. If you need the mineral-in-your-face honesty of Coral, go there instead. Nectarine is the gentler, fruitier cousin.
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.