Back to palettes

Palette

Crimson Sunset Cloud

Intense reds mirroring the dramatic, fiery hues of clouds at a crimson sunset, full of passion.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A040F#9A0312#BB0F28#D00000#F02828

Palette guide

How to use Crimson Sunset Cloud

Overview

The Crimson Sunset Cloud palette offers a dramatic and intense range of reds, capturing the fiery essence of an evening sky. Featuring deep hues like #6A040F and #9A0312 alongside vibrant accents such as #D00000 and #F02828, this collection is perfect for projects demanding strong visual impact. Designers can leverage its passionate energy for impactful branding, while developers will appreciate the distinct color values for precise UI implementation. The gradient from dark, rich crimson to bright, burning scarlet allows for dynamic visual storytelling and creates a sense of depth and urgency across digital and print mediums.

Best used for

  • High-impact branding and logos
  • Event posters and marketing materials
  • Video game UI and dramatic scene setting
  • Fashion and luxury product websites
  • Theatrical production design
  • Editorial layouts for bold statements

Suggested color roles

primary

#9A0312 for a deep, passionate base in branding or large sections.

secondary

#D00000 to introduce a vibrant energy, ideal for call-to-action buttons or prominent headlines.

accent

#F02828 for striking highlights or small, crucial interactive elements that need to pop.

background

#6A040F for a sophisticated, deep backdrop that allows lighter reds to glow.

text

Use a near-white or light gray for readability against darker reds, or a dark charcoal like #222222 against #F02828.

Accessibility notes

  • Ensure sufficient contrast between #6A040F background and lighter text; consider white or very light gray.
  • Text in #9A0312 or #BB0F28 might require a light background for WCAG AA compliance.
  • Avoid placing #D00000 text directly on #F02828 background due to low contrast.
  • Use larger font sizes or bolding for red text on red backgrounds to improve readability.

Recommended combinations

Dramatic Depth

Ideal for creating gradients or layered backgrounds where depth is key.

#6A040F · #9A0312 · #D00000

Fiery Contrast

Perfect for highlighting interactive elements or calls to action against a darker base.

#9A0312 · #F02828 · #6A040F

Bold Statement

Excellent for headlines, hero sections, or impactful graphical elements.

#BB0F28 · #D00000 · #9A0312

CSS variables

:root {
  --crimson-sunset-cloud-1: #6A040F;
  --crimson-sunset-cloud-2: #9A0312;
  --crimson-sunset-cloud-3: #BB0F28;
  --crimson-sunset-cloud-4: #D00000;
  --crimson-sunset-cloud-5: #F02828;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-sunset-cloud": {
        1: "#6A040F",
        2: "#9A0312",
        3: "#BB0F28",
        4: "#D00000",
        5: "#F02828",
      }
    }
  }
}

Related searches

dramatic red color schemesunset red hex codesvivid crimson palettefiery color combinationsintense red branding colors

Palette colors

Hex values

Color 1#6A040F
·
Color 2#9A0312
·
Color 3#BB0F28
·
Color 4#D00000
·
Color 5#F02828
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
2.2:1Fail
3.1:1AA18
2
1.5:1Fail
1.3:1Fail
1.5:1Fail
2.1:1Fail
3
2:1Fail
1.3:1Fail
1.1:1Fail
1.6:1Fail
4
2.2:1Fail
1.5:1Fail
1.1:1Fail
1.4:1Fail
5
3.1:1AA18
2.1:1Fail
1.6:1Fail
1.4:1Fail

Similar palettes

More like Crimson Sunset Cloud

View all dark
Stained Glass Gloom
Velvet Crimson Gloom
Ancient Tome Hues
Crimson Horizon
Dark Bloom Velour
Deep Sea Volcanic Vent