Papaya
#fe985c
Light peach-orange overlay with softer, sunnier heat
About Papaya
It's the papaya on the counter that looks sunlit but not syrupy. Papaya sits lighter than Bittersweet, yet it doesn't feel airy like Holland Tulip. Compared to Atomic Tangerine, it backs off that heavier orange punch, staying warm and bright without turning weighty.
I use Papaya when I want the one you reach for to signal "action" fast, but with a softer landing than Atomic Tangerine or Bittersweet. Think ecommerce promo blocks, food delivery "order again" buttons, and onboarding highlights where the UI needs energy without the sharper bite. It also plays nicely in notification badges and micro-alerts, especially on cards with off-white or light grays, where you want warmth that stays readable instead of shouty.
Quick quirk: it can tip a little peach on cooler displays, so pair it intentionally with deeper text grays or keep orange-heavy brand tones nearby if you don't want it to drift.
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.
