Sunset Orange
#fd5e53
Lighter coral-orange for friendly, layout-forward contrast
About Sunset Orange
Sunset Orange looks like the moment a video thumbnail goes from "bright fruit" to "late-day ember". It's cleaner and more light-on-its-feet than Sweet Pimento, with less depth and spice. And compared to Grapefruit, it keeps a more fully orange signal instead of drifting toward grapefruit-red. It's also not as stoplight-red-leaning as Fusion Red, so it feels less urgent and less razor-edged.
I use it when the UI needs warmth that still reads clearly on a product screen: creator platforms for primary-but-not-emergency calls, e-commerce for cart and checkout emphasis, and media workflows for hover states and primary CTAs over mid-tone imagery. It's the one you reach for when you want attention without the red-forward jolt, and warmer than pure white surfaces to make text links and button labels feel grounded.
Pair it with charcoal or deep gray, and avoid pairing it with overly pink light grays, or it can start to look a little "sunset washed" instead of confidently orange.
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.