Back to palettes

Palette

Savannah Sunset Hues

Fiery oranges and reds capturing the dramatic, vast beauty of a savannah sunset.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E9C46A#F4A261#E76F51#D84F39#B92E23

Palette guide

How to use Savannah Sunset Hues

Overview

The Savannah Sunset Hues palette captures the dramatic, fiery beauty of a vast savannah sunset with a progression from golden yellow to deep red. Featuring #E9C46A (Saffron) and #F4A261 (Sandy Brown) transitioning into vibrant #E76F51 (Terra Cotta), #D84F39 (Red-Orange), and finally a rich #B92E23 (Brick Red), this palette is inherently energetic and bold. Designers and developers can leverage its powerful warmth to create visually striking interfaces, impactful branding, or compelling marketing materials that evoke passion, adventure, and the raw beauty of nature. It's excellent for projects needing a dynamic, attention-grabbing visual identity.

Best used for

  • Bold branding and logo design
  • High-energy event promotions
  • Adventure and travel industry websites
  • Packaging for spicy or exotic foods
  • Digital art and illustration with dramatic lighting
  • Educational content about African wildlife

Suggested color roles

primary

#E76F51 (Terra Cotta) - A strong, central hue that demands attention, perfect for main headings, hero sections, or key UI components.

secondary

#D84F39 (Red-Orange) - Provides depth and intensity, ideal for subheadings, important alerts, or secondary calls-to-action.

accent

#F4A261 (Sandy Brown) - A brighter, warmer accent for interactive elements, highlights, or graphical details that need to pop.

background

#E9C46A (Saffron) - A lighter, golden base that offers warmth and brightness without being overpowering, suitable for content backgrounds.

text

#333333 (dark charcoal) or #1C1717 (very dark brown) for body text on lighter backgrounds. For headings, #B92E23 offers excellent contrast and impact.

Accessibility notes

  • The lighter yellows and oranges (#E9C46A, #F4A261) will require dark text for adequate contrast (e.g., #333333 or #B92E23).
  • Ensure sufficient contrast when using any of the reds/oranges on each other; test combinations like #E76F51 text on #D84F39 background carefully.
  • For critical information, use the darkest color, #B92E23, against the lightest, #E9C46A, to guarantee WCAG AA compliance.
  • Avoid using the mid-range oranges (#F4A261, #E76F51) as background colors for extensive body text unless paired with very dark text.

Recommended combinations

Dramatic Headline

For a striking header and readable body text on a bright, warm background.

#E9C46A · #B92E23 · #F4A261

Energetic CTA

A high-contrast call-to-action button that grabs attention and invites interaction.

#E76F51 · #F4A261 · #D84F39

Fiery Gradient

Ideal for visual elements like banners or hero images, creating a seamless, warm transition.

#D84F39 · #B92E23 · #F4A261

CSS variables

:root {
  --savannah-sunset-hues-1: #E9C46A;
  --savannah-sunset-hues-2: #F4A261;
  --savannah-sunset-hues-3: #E76F51;
  --savannah-sunset-hues-4: #D84F39;
  --savannah-sunset-hues-5: #B92E23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "savannah-sunset-hues": {
        1: "#E9C46A",
        2: "#F4A261",
        3: "#E76F51",
        4: "#D84F39",
        5: "#B92E23",
      }
    }
  }
}

Related searches

savannah red orange palettefiery sunset colorswarm energetic paletteafrican inspired redsbold yellow orange red

Palette colors

Hex values

Color 1#E9C46A
·
Color 2#F4A261
·
Color 3#E76F51
·
Color 4#D84F39
·
Color 5#B92E23
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
2.5:1Fail
3.6:1AA18
2
1.2:1Fail
1.5:1Fail
2:1Fail
2.9:1Fail
3
1.9:1Fail
1.5:1Fail
1.3:1Fail
2:1Fail
4
2.5:1Fail
2:1Fail
1.3:1Fail
1.5:1Fail
5
3.6:1AA18
2.9:1Fail
2:1Fail
1.5:1Fail

Similar palettes

More like Savannah Sunset Hues

View all warm
Saffron Bloom
Sunset Inferno Blaze
Crimson Sunset Mesa
Ember Sky
Fiery Mesa Horizon
Fiery Sunset