Palette

Crimson Horizon Blaze

An intense burst of reds and oranges, mimicking the dramatic, fiery glow of a setting sun.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crimson Horizon Blaze 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 Crimson Horizon Blaze.

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

Data visualization

#800000#B22222#FF4500#FFA500#FFD700

Palette guide

How to use Crimson Horizon Blaze

Overview

The "Crimson Horizon Blaze" palette is an intense burst of reds and oranges, mimicking the dramatic, fiery glow of a setting sun. This vibrant collection features a strong Maroon #800000, a robust Firebrick #B22222, a bold Orange Red #FF4500, a bright Orange #FFA500, and a dazzling Gold #FFD700. Designers can leverage this palette to create energetic, passionate, and visually captivating aesthetics, perfect for evoking excitement and warmth. Its strong progression from deep reds to bright golds allows for dynamic visual storytelling and impactful calls to action. Developers will find these hex codes ideal for energetic branding, event promotion, or any design requiring a powerful, warm, and highly engaging appeal.

Best used for

Energetic branding and marketing
Sunset-themed websites or applications
Event promotion (festivals, concerts)
Gaming interfaces (fire, adventure)
Food and beverage advertising
Autumnal or summer seasonal designs

Suggested color roles

primary

Use #800000 (Maroon) for main headings, strong brand elements, or deep background sections, establishing a powerful foundation.

secondary

Apply #B22222 (Firebrick) for supporting content, subheadings, or borders, providing a slightly brighter, yet still intense, tone.

accent

Feature #FFD700 (Gold) for vibrant highlights, interactive elements, or calls to action, drawing immediate attention with its dazzling glow.

background

Employ #FFA500 (Orange) as a vibrant background for specific content blocks, offering warmth and energy, or #FF4500 (Orange Red) for more intense sections.

text

For dark backgrounds like #800000 or #B22222, use white or a very light off-white. For lighter backgrounds like #FF4500, #FFA500, or #FFD700, a deep charcoal or black provides optimal readability.

Accessibility notes

Ensure sufficient contrast for dark text on #FF4500 (Orange Red), #FFA500 (Orange), and #FFD700 (Gold); dark text is crucial.
Pair lighter text (e.g., #FFFFFF) with #800000 (Maroon) and #B22222 (Firebrick) for optimal legibility.
Avoid using light text on #FF4500 (Orange Red) without careful contrast checking; a very dark text often works better.
Test all color combinations against WCAG 2.1 AA standards, especially for interactive elements, as vibrant colors can sometimes be challenging.

Recommended combinations

Blazing Horizon

Creating high-impact hero sections or calls to action, combining deep maroon with fiery orange-red and dazzling gold.

#800000 · #FF4500 · #FFD700

Sunset Gradient

Smooth, energetic gradients for background elements or content blocks, transitioning from firebrick to bright orange and gold.

#B22222 · #FFA500 · #FFD700

Vibrant Focus

Establishing a clear visual hierarchy, using gold for highlights against strong red and maroon, perfect for conveying urgency.

#FFD700 · #B22222 · #800000

CSS variables

:root {
  --crimson-horizon-blaze-1: #800000;
  --crimson-horizon-blaze-2: #B22222;
  --crimson-horizon-blaze-3: #FF4500;
  --crimson-horizon-blaze-4: #FFA500;
  --crimson-horizon-blaze-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-horizon-blaze": {
        1: "#800000",
        2: "#B22222",
        3: "#FF4500",
        4: "#FFA500",
        5: "#FFD700",
      }
    }
  }
}

Hex values

Color 1#800000

Color 2#B22222

Color 3#FF4500

Color 4#FFA500

Color 5#FFD700

Accessibility

Contrast checker

1.6:1Fail

3.2:1AA18

5.5:1AA

7.8:1AAA

1.6:1Fail

1.9:1Fail

3.4:1AA18

4.8:1AA

3.2:1AA18

1.9:1Fail

1.7:1Fail

2.5:1Fail

5.5:1AA

3.4:1AA18

1.7:1Fail

1.4:1Fail

7.8:1AAA

4.8:1AA

2.5:1Fail

1.4:1Fail

Similar palettes

More like Crimson Horizon Blaze

Crimson Horizon Vista

Electric Sunset Horizon

Fiery Bloom Horizon