Palette

Crimson Horizon Vista

A dramatic blend of deep reds and oranges, capturing the intense beauty of a sunset horizon.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#DC143C#FF6347#FFD700#FF4500

Palette guide

How to use Crimson Horizon Vista

Overview

The "Crimson Horizon Vista" palette offers a dramatic blend of deep reds and oranges, capturing the intense beauty of a sunset horizon. This vibrant collection includes a profound Dark Red #8B0000, a striking Crimson #DC143C, a fiery Tomato #FF6347, a bright Gold #FFD700, and a bold Orange Red #FF4500. Designers can leverage this palette to create energetic, passionate, and visually captivating aesthetics, perfect for evoking excitement and natural wonder. Its strong progression from deep reds to bright oranges and gold allows for dynamic visual storytelling and impactful calls to action. Developers will find these hex codes ideal for adventurous branding, event promotion, or any design requiring a powerful, warm, and highly engaging appeal.

Best used for

Adventure travel branding
Sunset-themed websites or applications
Outdoor sports marketing materials
Vibrant event promotion
Nature photography showcases
Autumnal or summer seasonal designs

Suggested color roles

primary

Use #8B0000 (Dark Red) for main headings, strong brand elements, or deep background sections, establishing a powerful foundation.

secondary

Apply #DC143C (Crimson) for supporting content, subheadings, or borders, providing a vibrant, energetic tone.

accent

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

background

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

text

For dark backgrounds like #8B0000 or #DC143C, use white or a very light off-white. For lighter backgrounds like #FF6347, #FF4500, or #FFD700, a deep charcoal or black provides optimal readability.

Accessibility notes

Ensure sufficient contrast for dark text on #FF6347 (Tomato), #FF4500 (Orange Red), and #FFD700 (Gold); dark text is crucial.
Pair lighter text (e.g., #FFFFFF) with #8B0000 (Dark Red) and #DC143C (Crimson) for optimal legibility.
Avoid using light text on #FF4500 (Orange Red) or #FF6347 (Tomato) 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 Vista

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

#8B0000 · #FF4500 · #FFD700

Sunset Gradient

Smooth, energetic gradients for background elements or content blocks, transitioning from vibrant crimson to warm tomato and orange-red.

#DC143C · #FF6347 · #FF4500

Vibrant Contrast

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

#FFD700 · #DC143C · #8B0000

CSS variables

:root {
  --crimson-horizon-vista-1: #8B0000;
  --crimson-horizon-vista-2: #DC143C;
  --crimson-horizon-vista-3: #FF6347;
  --crimson-horizon-vista-4: #FFD700;
  --crimson-horizon-vista-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-horizon-vista": {
        1: "#8B0000",
        2: "#DC143C",
        3: "#FF6347",
        4: "#FFD700",
        5: "#FF4500",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#DC143C

Color 3#FF6347

Color 4#FFD700

Color 5#FF4500

Accessibility

Contrast checker

2:1Fail

3.4:1AA18

7.1:1AAA

2.9:1Fail

2:1Fail

1.7:1Fail

3.6:1AA18

1.5:1Fail

3.4:1AA18

1.7:1Fail

2.1:1Fail

1.2:1Fail

7.1:1AAA

3.6:1AA18

2.1:1Fail

2.5:1Fail

2.9:1Fail

1.5:1Fail

1.2:1Fail

2.5:1Fail

Similar palettes

More like Crimson Horizon Vista

View all vibrant

Coastal Sunset Blaze

Crimson Horizon

Crimson Horizon Blaze

Electric Sunset Horizon

Radiant Sunset Horizon

Solar Flare Burst