Embarrassment
#ff7777
Candid light red-orange for blushy alerts, not warm burn
About Embarrassment
Embarrassment looks like a blush you try to hide, a pale, powdery red-orange that reads softer than the punchy confidence of Forbidden Fruit and less pink-committed than Anime Blush. It's light and slightly desaturated, so it doesn't feel like heat. It feels like a quick flush that fades fast.
I reach for it when UI needs a "we noticed" moment without sounding harsh: subtle form validation, gentle error nudges in onboarding, and quiet status badges in e-commerce account pages. In creator and retail dashboards, it's the tone for attention states that should guide, not confront. Compared to Hipster Salmon, it keeps more of that blushing undertone while staying cleaner and less muted.
One quirk: because it's softer, it can disappear next to higher-chroma oranges. Pair it with crisp neutrals like warm off-white or clean slate so the tone stays readable, and keep your primary alerts to deeper reds.
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.