Back to palettes

Palette

Paprika Heat

A vibrant spectrum of reds, from deep brick to bright coral, embodying the spicy warmth of paprika.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Paprika Heat reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Paprika Heat.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#B43E2C#E75E4D#FB8C7C#FFC6C0#9A3222

Palette guide

How to use Paprika Heat

Overview

The Paprika Heat palette is a vibrant spectrum of reds, from deep brick to bright coral, embodying the spicy warmth and energy of paprika. Featuring the rich #B43E2C, the lively #E75E4D, the inviting #FB8C7C, the soft #FFC6C0, and the intense #9A3222, this scheme is dynamic and stimulating. Designers and developers can leverage these colors to create visually impactful and energetic designs that evoke warmth, passion, and excitement. It's an excellent choice for projects that aim to grab attention, stimulate appetite, or convey a sense of boldness and vitality across various applications.

Best used for

  • Food and beverage branding
  • Restaurant menus and decor
  • Warning labels and safety signage
  • Activewear and sports brands
  • Festive and holiday marketing
  • Energetic digital campaigns

Suggested color roles

primary

Use #B43E2C as a deep, rich red for main headers, important sections, or a strong brand anchor.

secondary

Employ #E75E4D for supporting content or sub-sections, adding vibrancy and inviting warmth.

accent

Highlight calls to action or key features with #FB8C7C, providing a bright, energetic, and eye-catching pop.

background

Utilize #FFC6C0 as a light, warm background color, or a neutral off-white, to temper the intensity.

text

Dark brown or black, such as #333333 or #000000, offers strong contrast and optimal readability against these reds.

Accessibility notes

  • Ensure sufficient contrast for text on lighter reds like #FB8C7C and #FFC6C0; dark text is vital.
  • Red can be a strong color; use it judiciously for non-critical information to avoid visual fatigue.
  • White text on darker shades such as #B43E2C and #9A3222 provides excellent readability.
  • Avoid red-on-red text combinations as they can be very difficult to read.

Recommended combinations

Spicy Gradient

Ideal for backgrounds, brand identity, or gradients that aim to convey depth and intensity.

#9A3222 · #B43E2C · #E75E4D

Warm Pop

Excellent for UI elements, calls to action, or sections that require a bright, inviting warmth.

#FFC6C0 · #FB8C7C · #B43E2C

Deep Heat

Suitable for headers, strong visual statements, or elements demanding a powerful, energetic presence.

#B43E2C · #E75E4D · #9A3222

CSS variables

:root {
  --paprika-heat-1: #B43E2C;
  --paprika-heat-2: #E75E4D;
  --paprika-heat-3: #FB8C7C;
  --paprika-heat-4: #FFC6C0;
  --paprika-heat-5: #9A3222;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "paprika-heat": {
        1: "#B43E2C",
        2: "#E75E4D",
        3: "#FB8C7C",
        4: "#FFC6C0",
        5: "#9A3222",
      }
    }
  }
}

Related searches

paprika color palettewarm red orangespicy color schemeenergetic food brandingvibrant marketing colors

Palette colors

Hex values

Color 1#B43E2C
·
Color 2#E75E4D
·
Color 3#FB8C7C
·
Color 4#FFC6C0
·
Color 5#9A3222
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.5:1Fail
3.8:1AA18
1.3:1Fail
2
1.7:1Fail
1.5:1Fail
2.3:1Fail
2.1:1Fail
3
2.5:1Fail
1.5:1Fail
1.5:1Fail
3.2:1AA18
4
3.8:1AA18
2.3:1Fail
1.5:1Fail
4.9:1AA
5
1.3:1Fail
2.1:1Fail
3.2:1AA18
4.9:1AA

Similar palettes

More like Paprika Heat

View all vibrant