Peri Peri

#c62d2c

Cooler peri peri red for sharper alerts

Save
Share

About Peri Peri

Peri Peri is the one that reads like a fresh, hot chili red making eye contact. On my screens it lands red-forward with a clean orange base, but it feels looser and more "spicy" than 's firmer stop-sign punch. Compared to , it's less lipstick-clean and more energetic, with more orange heat than a tight, controlled stain.

I reach for Peri Peri when the UI needs a high-attention accent that still feels human, especially in food and quick-serve ordering apps, ride-hail banners, and delivery status screens. It also works for promo headers on restaurant sites and retail category pages where you want urgency without sliding toward the deeper, official weight of or the darker wine mood of .

Small quirk: it can start to look more red than orange on very cool grays, so I usually pair it with creams, warm sand tones, or charcoal to keep the undertone feeling properly Peri Peri.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
5.51:1AAAAA Large

On Gray 100 #f5f5f5

Aa
5.05:1AAAAA Large

On Gray 900 #18181b

Aa
3.22:1FailAA Large

On Black #000000

Aa
3.81:1FailAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#c42b2d
#c9312b
#c92d21
#c92b1e
#cc2222
#c72616

Create a gradient with Peri Peri

Open the generator with this color pre-loaded.

Start creating