Back to palettes

Palette

Ruby Twilight Glow

A deep, luxurious gradient of ruby reds, capturing the rich, lingering light of twilight.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ruby Twilight Glow 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 Ruby Twilight Glow.

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

Data visualization

#800000#B22222#D44040#E76E6E#FF9D9D

Palette guide

How to use Ruby Twilight Glow

Overview

The Ruby Twilight Glow palette offers a serene yet luxurious gradient of ruby reds, capturing the rich, lingering light of dusk. Starting with the profound #800000 and transitioning through the elegant #B22222 and #D44040, it softens into the delicate #E76E6E and #FF9D9D. This monochromatic palette is ideal for designs that seek to convey elegance, warmth, and a subtle sophistication without harsh contrasts. Designers can leverage these hues for refined branding, comforting interfaces, or any project requiring a harmonious and inviting atmosphere. Developers will find it excellent for creating consistent, calming visual hierarchies.

Best used for

  • Elegant lifestyle or home decor brands
  • Relaxation or wellness app interfaces
  • Romantic or intimate event themes
  • Website backgrounds with subtle depth
  • Soft branding for cafes or boutiques
  • Editorial content with a warm, inviting tone

Suggested color roles

primary

A rich, inviting ruby, #B22222, that provides warmth and depth, ideal for main headings or significant visual elements.

secondary

A slightly brighter, more approachable red, #D44040, suitable for subheadings, navigation, or secondary calls to action.

accent

A soft, delicate pinkish-red, #FF9D9D, that offers a gentle highlight or a touch of lightness, perfect for subtle interactive states or decorative details.

background

The deepest, most grounding shade, #800000, offering a luxurious and stable backdrop that enhances the glow of other colors.

text

White or a very light cream provides excellent contrast on #800000, #B22222, and #D44040. For #E76E6E and #FF9D9D, a dark charcoal or black is recommended.

Accessibility notes

  • White text on #800000 and #B22222 should meet WCAG AA contrast.
  • Be cautious using #E76E6E or #FF9D9D for small text, especially against white or very light backgrounds.
  • For text on #E76E6E or #FF9D9D, a dark color like #800000 or black is necessary for readability.
  • Ensure sufficient contrast between adjacent shades when used for text and background elements.

Recommended combinations

Deep Serenity

Creates a calm, sophisticated depth, with #800000 as a rich base, #B22222 for main content, and #D44040 for gentle accents.

#800000 · #B22222 · #D44040

Soft Radiance

A lighter, more delicate combination, ideal for subtle highlights or softer interface elements, radiating a gentle glow.

#E76E6E · #D44040 · #FF9D9D

Monochromatic Harmony

Showcases the full gradient, using #B22222 for prominence, #FF9D9D for lightness, and #800000 for grounding, creating a unified look.

#B22222 · #FF9D9D · #800000

CSS variables

:root {
  --ruby-twilight-glow-1: #800000;
  --ruby-twilight-glow-2: #B22222;
  --ruby-twilight-glow-3: #D44040;
  --ruby-twilight-glow-4: #E76E6E;
  --ruby-twilight-glow-5: #FF9D9D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ruby-twilight-glow": {
        1: "#800000",
        2: "#B22222",
        3: "#D44040",
        4: "#E76E6E",
        5: "#FF9D9D",
      }
    }
  }
}

Related searches

monochromatic red paletteruby gradient colorselegant red twilight schemewarm subtle red tonescalming red design

Palette colors

Hex values

Color 1#800000
·
Color 2#B22222
·
Color 3#D44040
·
Color 4#E76E6E
·
Color 5#FF9D9D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
3.6:1AA18
5.5:1AA
2
1.6:1Fail
1.5:1Fail
2.2:1Fail
3.4:1AA18
3
2.4:1Fail
1.5:1Fail
1.5:1Fail
2.3:1Fail
4
3.6:1AA18
2.2:1Fail
1.5:1Fail
1.5:1Fail
5
5.5:1AA
3.4:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Ruby Twilight Glow

View all dark
Baroque Crimson Drape
Baroque Velvet Drape
Crimson Spark
Crimson Velvet Drape
Crimson Wine Cellar
Crimson Wine Cellar