Back to palettes

Palette

Crimson Horizon

Intense reds and fiery oranges merge to paint a dramatic, brooding sky at the edge of twilight, full of depth.

darkdark5 colors
More dark 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#A52A2A#690000

Palette guide

How to use Crimson Horizon

Overview

The "Crimson Horizon" palette features intense reds and fiery oranges merging to paint a dramatic, brooding sky at the edge of twilight, full of depth. This dark collection includes a profound Dark Red #8B0000, a vibrant Crimson #DC143C, a fiery Tomato #FF6347, a rich Brown #A52A2A, and an even deeper Dark Crimson #690000. Designers can leverage this palette to create powerful, dramatic, and sophisticated aesthetics, perfect for evoking mystery or a strong, energetic mood. Its consistent warmth and depth allow for seamless transitions and impactful visual statements. Developers will find these hex codes ideal for dark mode interfaces, powerful branding, or any design requiring an autumnal, intense, and visually striking appeal.

Best used for

  • Dark mode UI/UX designs
  • Dramatic website hero sections
  • Autumnal or fall-themed marketing
  • Gaming interfaces (adventure, fantasy)
  • Luxury product showcases
  • Editorial design with a strong mood

Suggested color roles

primary

Use #690000 (Dark Crimson) for main backgrounds, navigation, or strong brand elements, establishing a profound, immersive feel.

secondary

Apply #8B0000 (Dark Red) for secondary content blocks, subheadings, or borders, providing a slightly lighter, yet still intense, tone.

accent

Feature #FF6347 (Tomato) for vibrant highlights, interactive elements, or calls to action, drawing immediate attention with its fiery hue.

background

Employ #A52A2A (Brown) for content areas or cards, offering a warmer, more inviting shade that balances the darker reds.

text

For dark backgrounds like #690000, #8B0000, #DC143C, or #A52A2A, use white or a very light off-white. For elements on very light backgrounds, a deep charcoal or black is suitable.

Accessibility notes

  • Ensure sufficient contrast for light text (e.g., white) on #690000 (Dark Crimson), #8B0000 (Dark Red), #A52A2A (Brown), and #DC143C (Crimson).
  • Avoid using #FF6347 (Tomato) as a background for extensive body text; it's best for accents or large, high-contrast headings.
  • Test all combinations for WCAG 2.1 AA compliance, especially for interactive elements and small text, as deep reds can sometimes be challenging.
  • Consider using a slightly desaturated white for text on the darkest reds to prevent visual vibration and improve comfort.

Recommended combinations

Twilight Depth

Creating rich, layered backgrounds or sophisticated gradients that evoke depth and drama, moving from darkest to vibrant crimson.

#690000 · #8B0000 · #DC143C

Fiery Horizon

Highlighting key information or calls to action, combining rich brown with a fiery tomato and vibrant crimson for impact.

#A52A2A · #FF6347 · #DC143C

Dramatic Focus

Establishing a powerful visual hierarchy, using dark red for primary elements, tomato for highlights, and darkest crimson for grounding.

#8B0000 · #FF6347 · #690000

CSS variables

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

Tailwind config

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

Related searches

dark red orange palettebrooding sunset colorsdramatic autumn hex codesintense red design schemepowerful twilight palette

Palette colors

Hex values

Color 1#8B0000
·
Color 2#DC143C
·
Color 3#FF6347
·
Color 4#A52A2A
·
Color 5#690000
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.4:1AA18
1.4:1Fail
1.3:1Fail
2
2:1Fail
1.7:1Fail
1.4:1Fail
2.6:1Fail
3
3.4:1AA18
1.7:1Fail
2.4:1Fail
4.5:1AA18
4
1.4:1Fail
1.4:1Fail
2.4:1Fail
1.9:1Fail
5
1.3:1Fail
2.6:1Fail
4.5:1AA18
1.9:1Fail

Similar palettes

More like Crimson Horizon

View all dark
Cozy Hearthside Gloom
Crimson Sunset Cloud
Crimson Wine Cellar
Deep Sea Current
Deep Sea Volcanic Vent
Fiery Dragon Scale