Ginger Scent
#cb8f7b
Dusty orange-rose for gentle, readable accents
About Ginger Scent
Ginger Scent looks like the orange you notice on a spice tin under warm indoor light. It's noticeably lighter and less saturated than Café Crème, so it doesn't feel as grounded or pigment-forward, and it stays more neutral-peach than the airier, lighter Beauty and the Beach. Compared to Island Coral, it reads less coral and less pink, more like a soft ginger note than a rosy flare.
I use it for product interfaces that need warmth with a calm edge, especially in wellness app dashboards, onboarding screens, and skincare or home-care packaging where you want the label to feel friendly without drifting toward blush. It also works in editorial layout headers and case-study UI callouts when the orange needs to sit quietly next to creams and warm off-whites. This is the one you reach for when you want orange to look wearable, not weighty.
One quirk: cool grays can push it slightly flat, so I'd lean toward warm greiges or creamy neutrals to keep it breathing.
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.