Back to palettes

Palette

Ruby Sunset

Fiery reds and oranges burst forth, capturing the dramatic, jewel-toned beauty of a twilight sky.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B22222#DC143C#FF4500#FFA500

Palette guide

How to use Ruby Sunset

Overview

The Ruby Sunset palette is a breathtaking collection that captures the dramatic, fiery beauty of a twilight sky, blending deep ruby reds with vibrant oranges. From the profound #8B0000 and #B22222 to the intense #DC143C, it brilliantly transitions into the energetic #FF4500 and the radiant #FFA500. This palette is perfect for designs that aim to convey warmth, energy, and a sense of natural spectacle. Designers can utilize these hues for high-impact branding, energetic marketing campaigns, or any digital interface seeking a vibrant, inviting, and slightly adventurous feel. Developers will find these colors excellent for creating dynamic visual experiences.

Best used for

  • Travel and adventure branding
  • Energetic sports or outdoor promotions
  • Food and beverage packaging (spicy, warm)
  • Website headers with a warm, inviting glow
  • Call-to-action buttons that convey urgency
  • Event posters for lively gatherings

Suggested color roles

primary

A brilliant, fiery orange-red, #FF4500, that demands attention, perfect for main calls to action, headlines, or hero elements.

secondary

A strong, vibrant crimson, #DC143C, that provides depth and intensity, suitable for subheadings, important data, or graphic accents.

accent

A bright, cheerful orange, #FFA500, that adds a touch of warmth and optimism, ideal for highlights, interactive states, or small decorative details.

background

A deep, grounding ruby red, #8B0000, that offers a stable and luxurious foundation, providing strong contrast for lighter elements.

text

White or a very light cream provides excellent readability on #8B0000, #B22222, and #DC143C. For lighter backgrounds like #FFA500, use a dark charcoal or black.

Accessibility notes

  • White text on #8B0000, #B22222, and #DC143C should meet WCAG AA contrast.
  • Be cautious using #FFA500 or #FF4500 for small text on white or light backgrounds; ensure sufficient contrast.
  • For text on #FFA500, a dark color like #8B0000 or black is necessary for readability.
  • Ensure good contrast if #FF4500 and #FFA500 are used closely together for text and background.

Recommended combinations

Fiery Horizon

Captures the essence of a sunset, with #8B0000 as the deep sky, #FF4500 for the sun, and #FFA500 for the glow, great for dynamic headers.

#8B0000 · #FF4500 · #FFA500

Energetic Burst

A high-energy combination, perfect for calls to action or alerts, where #FF4500 pops against the deeper reds.

#DC143C · #FF4500 · #B22222

Warm Glow

Emphasizes warmth and radiance, using #FFA500 for bright elements, grounded by the depth of #8B0000 and #DC143C.

#FFA500 · #8B0000 · #DC143C

CSS variables

:root {
  --ruby-sunset-1: #8B0000;
  --ruby-sunset-2: #B22222;
  --ruby-sunset-3: #DC143C;
  --ruby-sunset-4: #FF4500;
  --ruby-sunset-5: #FFA500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ruby-sunset": {
        1: "#8B0000",
        2: "#B22222",
        3: "#DC143C",
        4: "#FF4500",
        5: "#FFA500",
      }
    }
  }
}

Related searches

ruby orange color schemesunset color palettewarm red and orange tonesvibrant energetic colorsdramatic twilight hues

Palette colors

Hex values

Color 1#8B0000
·
Color 2#B22222
·
Color 3#DC143C
·
Color 4#FF4500
·
Color 5#FFA500
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
2.9:1Fail
5.1:1AA
2
1.5:1Fail
1.3:1Fail
1.9:1Fail
3.4:1AA18
3
2:1Fail
1.3:1Fail
1.5:1Fail
2.5:1Fail
4
2.9:1Fail
1.9:1Fail
1.5:1Fail
1.7:1Fail
5
5.1:1AA
3.4:1AA18
2.5:1Fail
1.7:1Fail

Similar palettes

More like Ruby Sunset

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