Palette

Smoked Paprika Ember

Warm, earthy reds and muted oranges, inspired by the rich, smoky hues of paprika spice.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Smoked Paprika Ember 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 Smoked Paprika Ember.

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

Data visualization

#8B0000#A52A2A#CD5C5C#F08080#FFDAB9

Palette guide

How to use Smoked Paprika Ember

Overview

The Smoked Paprika Ember palette is a vibrant and earthy collection of warm reds and muted oranges, inspired by the rich hues of paprika spice and glowing embers. It ranges from the deep, intense #8B0000 and #A52A2A to the softer, inviting #CD5C5C and #F08080, culminating in the warm, light #FFDAB9. This palette is perfect for projects that aim to evoke warmth, energy, comfort, or a rustic charm. Designers can leverage these colors to create engaging culinary branding, cozy lifestyle content, or impactful calls to action. Developers will find these shades excellent for interfaces that need to feel inviting and dynamic, particularly in food, lifestyle, or entertainment applications.

Best used for

Culinary and food-related branding
Rustic or farmhouse style decor
Autumnal marketing campaigns
Spicy food product packaging
Cozy blog themes
Event promotions with a warm feel

Suggested color roles

primary

#8B0000 - A bold, deep red, excellent for strong brand statements, calls to action, or prominent headings.

secondary

#A52A2A - A rich, warm red, ideal for subheadings, navigation, or larger content blocks to maintain warmth.

accent

#CD5C5C - Use for interactive elements, highlights, or graphical accents to provide a lively, inviting pop.

background

#FFDAB9 - A very light, warm peachy-beige, offering a soft, inviting canvas for content and ensuring good readability.

text

#8B0000 - A dark, impactful red that provides strong contrast on lighter backgrounds like #FFDAB9, ensuring clear readability.

Accessibility notes

Ensure #CD5C5C text has sufficient contrast against lighter backgrounds like #F08080 or #FFDAB9.
The darkest shades, #8B0000 and #A52A2A, provide excellent contrast for white or very light text.
Avoid using #F08080 for small text on #FFDAB9 as contrast will be insufficient.
Check button states and interactive elements to ensure they meet WCAG contrast guidelines.

Recommended combinations

Ember Glow

A strong, warm foundation with a light background and a complementary deep red for depth.

#8B0000 · #FFDAB9 · #A52A2A

Spicy Accents

Great for highlighting key information or creating an energetic, layered look.

#A52A2A · #F08080 · #CD5C5C

Rustic Comfort

Light background with bold text and a warm accent, perfect for inviting web experiences.

#FFDAB9 · #8B0000 · #CD5C5C

CSS variables

:root {
  --smoked-paprika-ember-1: #8B0000;
  --smoked-paprika-ember-2: #A52A2A;
  --smoked-paprika-ember-3: #CD5C5C;
  --smoked-paprika-ember-4: #F08080;
  --smoked-paprika-ember-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "smoked-paprika-ember": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#CD5C5C",
        4: "#F08080",
        5: "#FFDAB9",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#A52A2A

Color 3#CD5C5C

Color 4#F08080

Color 5#FFDAB9

Accessibility

Contrast checker

1.4:1Fail

2.5:1Fail

3.9:1AA18

7.6:1AAA

1.4:1Fail

1.8:1Fail

2.7:1Fail

5.4:1AA

2.5:1Fail

1.8:1Fail

1.5:1Fail

3:1AA18

3.9:1AA18

2.7:1Fail

1.5:1Fail

2:1Fail

7.6:1AAA

5.4:1AA

3:1AA18

2:1Fail

Similar palettes

More like Smoked Paprika Ember