Back to palettes

Palette

Fiery Sunset

Dramatic reds and oranges blaze across the sky, painting a vivid and passionate evening scene.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fiery Sunset 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 Fiery Sunset.

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

Data visualization

#E94F37#EE7B30#F7A846#8F2D56#D72638

Palette guide

How to use Fiery Sunset

Overview

The Fiery Sunset palette is a dynamic and passionate collection of reds, oranges, and a unique plum hue, evoking a vivid and dramatic evening sky. Featuring vibrant #E94F37, glowing #F7A846, and the distinctive #8F2D56, this palette is perfect for designers seeking to create energetic, memorable visuals with a touch of sophistication. Its unexpected color combination allows for creative storytelling, from digital interfaces to artistic print materials. Developers can leverage these hex codes to craft engaging user experiences, bold brand identities, or captivating background visuals that stand out and communicate passion effectively, ensuring a truly unique aesthetic.

Best used for

  • creative agency branding
  • artistic portfolio websites
  • fashion editorials
  • event marketing materials
  • music festival graphics
  • innovative tech interfaces

Suggested color roles

primary

#E94F37 - A vibrant red-orange, excellent for main calls to action, prominent headlines, or key branding elements that demand immediate attention.

secondary

#EE7B30 - A bright orange, suitable for subheadings, interactive components, or graphical accents to maintain vibrancy and draw the eye.

accent

#8F2D56 - A deep plum that provides sophisticated contrast and depth, ideal for unique highlights, icons, or decorative elements.

background

#F7A846 - A warm, inviting gold-orange that can serve as an energetic background, offering good contrast for darker text.

text

For text, use a deep charcoal or black on lighter backgrounds like #F7A846. On darker shades like #8F2D56 or #D72638, white or a very light cream is recommended.

Accessibility notes

  • Ensure sufficient contrast between text and background colors, especially for #E94F37 and #EE7B30 when used for text.
  • The bright #F7A846 will require very dark text (e.g., black) to meet WCAG AA contrast standards.
  • Avoid placing light text on #D72638 unless contrast ratios are rigorously checked for accessibility.
  • Test contrast between #8F2D56 and other dark colors carefully to ensure readability and visual separation.

Recommended combinations

Sunset Drama

Creates a bold, dramatic effect for hero sections or calls to action, leveraging the deep plum for unique contrast and sophistication.

#D72638 · #E94F37 · #8F2D56

Vibrant Progression

Ideal for seamless, energetic gradients in backgrounds or illustrations, showcasing a vibrant and dynamic transition from red to gold.

#E94F37 · #EE7B30 · #F7A846

Unexpected Harmony

Utilize the warm gold as a background, with the plum for sophisticated accents and the red-orange for prominent features, creating a unique balance.

#F7A846 · #8F2D56 · #E94F37

CSS variables

:root {
  --fiery-sunset-1: #E94F37;
  --fiery-sunset-2: #EE7B30;
  --fiery-sunset-3: #F7A846;
  --fiery-sunset-4: #8F2D56;
  --fiery-sunset-5: #D72638;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fiery-sunset": {
        1: "#E94F37",
        2: "#EE7B30",
        3: "#F7A846",
        4: "#8F2D56",
        5: "#D72638",
      }
    }
  }
}

Related searches

vibrant red orange plum palettedramatic sunset color schemeenergetic creative brandingunique UI design colorspassionate digital palette

Palette colors

Hex values

Color 1#E94F37
·
Color 2#EE7B30
·
Color 3#F7A846
·
Color 4#8F2D56
·
Color 5#D72638
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
2.1:1Fail
1.3:1Fail
2
1.3:1Fail
1.4:1Fail
2.8:1Fail
1.8:1Fail
3
1.9:1Fail
1.4:1Fail
4:1AA18
2.5:1Fail
4
2.1:1Fail
2.8:1Fail
4:1AA18
1.6:1Fail
5
1.3:1Fail
1.8:1Fail
2.5:1Fail
1.6:1Fail

Similar palettes

More like Fiery Sunset

View all warm
Crimson Sunset Haze
Crimson Sunset Mesa
Fiery Mesa Horizon
Horizon Ember Glow
Ruby Sunset
Saffron Bloom