Back to palettes

Palette

Ruby Ember Hearth

Deep, glowing reds that mimic the warmth and intense glow of embers in a ruby-toned hearth.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ruby Ember Hearth 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 Ember Hearth.

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

Data visualization

#4C0000#8C0000#CC0000#FF3333#FF6666

Palette guide

How to use Ruby Ember Hearth

Overview

The Ruby Ember Hearth palette (version 2) presents a deep and intense collection of reds, mimicking the warmth and glow of embers in a hearth. It progresses from a very dark crimson #4C0000, through a rich burgundy #8C0000 and a vibrant true red #CC0000, to a brighter red #FF3333, and a softer, glowing red #FF6666. This palette is perfect for designs that aim to be cozy, intimate, and deeply passionate. Designers can use its consistent warmth for inviting branding, while developers can implement these hex codes to create immersive and comforting digital environments.

Best used for

  • Cozy home decor and interior design
  • Rustic and traditional branding
  • Winter holiday promotions
  • Storytelling and narrative-driven content
  • Food and beverage packaging (e.g., wines, spices)
  • Intimate event branding

Suggested color roles

primary

#4C0000 - A very dark, grounding crimson, ideal for main backgrounds, footers, or dominant brand elements.

secondary

#8C0000 - A rich burgundy, excellent for supporting sections, sub-headers, or prominent call-to-action buttons.

accent

#CC0000 - A vibrant true red, perfect for drawing attention to interactive elements, alerts, or key highlights.

background

#FF6666 - A softer, glowing red, suitable for content areas, card backgrounds, or a warm, inviting page backdrop.

text

#FF3333 - Can be used for bold headings on light backgrounds. For body text on #FF6666, a dark charcoal or #4C0000 provides best readability.

Accessibility notes

  • Ensure sufficient contrast for text using #FF3333 on #FF6666; a darker color like black or #4C0000 should be used for body text.
  • #4C0000 offers strong contrast for white or very light text, making it highly suitable for primary text on dark backgrounds.
  • Avoid placing #CC0000 text directly on #FF3333 or #FF6666 without careful contrast checks due to similar luminance.
  • When using #8C0000 for text, ensure the background provides WCAG AA compliant contrast (e.g., a light gray or white).

Recommended combinations

Ember Depth

Dark crimson as a base, glowing red for content, and true red for vibrant accents.

#4C0000 · #FF6666 · #CC0000

Hearth Glow

Burgundy for main elements, brighter red for highlights, and glowing red for backgrounds or text.

#8C0000 · #FF3333 · #FF6666

Warm Contrast

Lighter red background with dark crimson text and burgundy secondary elements.

#FF6666 · #4C0000 · #8C0000

CSS variables

:root {
  --ruby-ember-hearth-2-1: #4C0000;
  --ruby-ember-hearth-2-2: #8C0000;
  --ruby-ember-hearth-2-3: #CC0000;
  --ruby-ember-hearth-2-4: #FF3333;
  --ruby-ember-hearth-2-5: #FF6666;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ruby-ember-hearth-2": {
        1: "#4C0000",
        2: "#8C0000",
        3: "#CC0000",
        4: "#FF3333",
        5: "#FF6666",
      }
    }
  }
}

Related searches

deep red color palettecozy ember colorswarm hearth aestheticdark red brand identityintimate red design

Palette colors

Hex values

Color 1#4C0000
·
Color 2#8C0000
·
Color 3#CC0000
·
Color 4#FF3333
·
Color 5#FF6666
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
4.4:1AA18
5.6:1AA
2
1.6:1Fail
1.7:1Fail
2.7:1Fail
3.5:1AA18
3
2.7:1Fail
1.7:1Fail
1.6:1Fail
2.1:1Fail
4
4.4:1AA18
2.7:1Fail
1.6:1Fail
1.3:1Fail
5
5.6:1AA
3.5:1AA18
2.1:1Fail
1.3:1Fail

Similar palettes

More like Ruby Ember Hearth

View all dark