Palette

Crimson Horizon

A breathtaking palette capturing the dramatic and fiery hues of a sun setting over a vast landscape.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#DC143C#FF6347#FFD700#FFFACD

Palette guide

How to use Crimson Horizon

Overview

The "Crimson Horizon" palette captures the dramatic and fiery hues of a sun setting over a vast landscape. This breathtaking collection features a profound Dark Red #8B0000, a striking Crimson #DC143C, a fiery Tomato #FF6347, a bright Gold #FFD700, and a soft Lemon Chiffon #FFFACD. Designers can leverage this palette to create energetic, passionate, and visually captivating aesthetics, perfect for evoking natural wonder and warmth. Its strong progression from deep reds to bright gold and a delicate cream allows for dynamic visual storytelling and impactful calls to action. Developers will find these hex codes ideal for travel blogs, nature photography, or any design requiring a powerful, warm, and inviting appeal.

Best used for

Travel and adventure websites
Nature photography portfolios
Autumnal marketing campaigns
Vibrant event invitations
Landscape art and illustration
Cozy brand identities

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

Utilize #FFFACD (Lemon Chiffon) for clean content areas or as a soft, inviting background, ensuring excellent readability with dark text.

text

For dark backgrounds like #8B0000 or #DC143C, use white or #FFFACD. For lighter backgrounds like #FF6347, #FFD700, or #FFFACD, a deep charcoal or black provides optimal readability.

Accessibility notes

Ensure sufficient contrast for dark text on #FF6347 (Tomato), #FFD700 (Gold), and #FFFACD (Lemon Chiffon); dark text is crucial.
Pair lighter text (e.g., #FFFFFF) with #8B0000 (Dark Red) and #DC143C (Crimson) for optimal legibility.
Avoid using #FF6347 (Tomato) with #FFD700 (Gold) for text/background without careful contrast checking due to their similar luminosities.
The soft #FFFACD provides a good base for accessibility, but ensure all other color pairings meet WCAG 2.1 AA standards.

Recommended combinations

Sunset Glow

Creating a warm and inviting atmosphere for hero sections or content blocks, combining deep red with fiery tomato and a soft cream.

#8B0000 · #FF6347 · #FFFACD

Fiery Contrast

Highlighting key information or calls to action, using vibrant crimson with dazzling gold and a dark red anchor.

#DC143C · #FFD700 · #8B0000

Horizon Blend

Designing soft backgrounds or subtle visual elements, transitioning from tomato to cream with a vibrant crimson for depth.

#FF6347 · #FFFACD · #DC143C

CSS variables

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

Tailwind config

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

Hex values

Color 1#8B0000

Color 2#DC143C

Color 3#FF6347

Color 4#FFD700

Color 5#FFFACD

Accessibility

Contrast checker

2:1Fail

3.4:1AA18

7.1:1AAA

9.4:1AAA

2:1Fail

1.7:1Fail

3.6:1AA18

4.7:1AA

3.4:1AA18

1.7:1Fail

2.1:1Fail

2.8:1Fail

7.1:1AAA

3.6:1AA18

2.1:1Fail

1.3:1Fail

9.4:1AAA

4.7:1AA

2.8:1Fail

1.3:1Fail

Similar palettes

More like Crimson Horizon

View all vibrant

Coastal Sunset Blaze

Crimson Horizon Blaze

Crimson Horizon Vista

Dragon's Fire Breath

Volcanic Opal Blaze

Crimson Glacier Peaks