Pink Pepper
#ef586c
Lighter pink-coral for airy orange UI contrast
About Pink Pepper
Pink Pepper reads like a pink-tinged blush over orange, not a straight red-orange. On mockups it feels a touch lighter than the neighbor that leans fruit-red, but it keeps a steadier orange core than the softer, friendlier one. Compared with them, it lands more pink-forward and slightly less stoplight, so it doesn't look like urgent traffic signage.
I use it when the UI needs momentum with a softer edge, especially in creator tools where status chips and toast confirmations have to be noticeable without turning prickly. It also holds up in commerce and health media workflows as a primary-to-secondary accent, where you want primary action states that still feel controlled on real surfaces.
One quirk: because of the pink drift, pair it with cocoa neutrals or crisp off-whites rather than heavy warm creams, or it starts to feel thicker and less legible at a glance.
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.