Back to palettes

Palette

Ruby Ember Hearth

Warm and inviting, this palette reflects the glowing embers and deep reds of a comforting fireside hearth.

warmelegant5 colors
More warm 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

#800000#B22222#CD5C5C#FF7F50#FFDEAD

Palette guide

How to use Ruby Ember Hearth

Overview

The Ruby Ember Hearth palette is warm and inviting, reflecting the comforting glow of a fireside hearth with deep reds and autumnal tones. It features a rich maroon #800000, a vibrant fire brick red #B22222, a softer Indian red #CD5C5C, a lively coral #FF7F50, and a creamy antique white #FFDEAD. This collection is perfect for creating designs that feel cozy, rustic, and elegantly autumnal. Designers can use its warm progression for inviting branding, while developers can implement these hex codes to build digital experiences that evoke comfort and warmth.

Best used for

  • Autumn and holiday season branding
  • Rustic home decor and lifestyle blogs
  • Cozy cafe or restaurant branding
  • Traditional crafts and artisanal products
  • Storytelling and nostalgic themes
  • Interior design with a warm, inviting feel

Suggested color roles

primary

#800000 - A deep, anchoring maroon, ideal for main brand elements, large backgrounds, or navigation.

secondary

#B22222 - A vibrant fire brick red, excellent for supporting sections, sub-headers, or prominent call-to-action buttons.

accent

#CD5C5C - A softer Indian red, perfect for subtle highlights, decorative patterns, or secondary graphical elements.

background

#FFDEAD - A creamy antique white, suitable for main content areas, card backgrounds, or a warm, inviting page backdrop.

text

#FF7F50 - A lively coral, best for decorative headings or highlights on dark backgrounds. For body text on #FFDEAD, a dark charcoal or #800000 provides best readability.

Accessibility notes

  • Ensure sufficient contrast for text using #FF7F50 on #FFDEAD; a darker color like black or #800000 should be used for body text.
  • #800000 offers strong contrast for white or very light text, making it highly suitable for primary text on dark backgrounds.
  • Avoid placing #CD5C5C text directly on #FFDEAD without careful contrast checks due to potentially low luminance difference.
  • When using #B22222 for text, ensure the background provides WCAG AA compliant contrast (e.g., a light gray or white).

Recommended combinations

Hearthside Glow

Deep maroon as a base, antique white for content, and fire brick red for vibrant accents.

#800000 · #FFDEAD · #B22222

Autumn Warmth

Fire brick red for main elements, Indian red for supporting details, and antique white for backgrounds or text.

#B22222 · #CD5C5C · #FFDEAD

Rustic Comfort

Light antique white background with deep maroon text and coral accents or interactive elements.

#FFDEAD · #800000 · #FF7F50

CSS variables

:root {
  --ruby-ember-hearth-1: #800000;
  --ruby-ember-hearth-2: #B22222;
  --ruby-ember-hearth-3: #CD5C5C;
  --ruby-ember-hearth-4: #FF7F50;
  --ruby-ember-hearth-5: #FFDEAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ruby-ember-hearth": {
        1: "#800000",
        2: "#B22222",
        3: "#CD5C5C",
        4: "#FF7F50",
        5: "#FFDEAD",
      }
    }
  }
}

Related searches

cozy red color paletteautumn fireside colorsrustic warm designinviting red orange palettetraditional hearth colors

Palette colors

Hex values

Color 1#800000
·
Color 2#B22222
·
Color 3#CD5C5C
·
Color 4#FF7F50
·
Color 5#FFDEAD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
4.4:1AA18
8.5:1AAA
2
1.6:1Fail
1.7:1Fail
2.7:1Fail
5.2:1AA
3
2.8:1Fail
1.7:1Fail
1.6:1Fail
3.1:1AA18
4
4.4:1AA18
2.7:1Fail
1.6:1Fail
1.9:1Fail
5
8.5:1AAA
5.2:1AA
3.1:1AA18
1.9:1Fail

Similar palettes

More like Ruby Ember Hearth

View all warm
Crimson Bloom Dawn
Cozy Spiced Delight
Old Bookshelf Warmth
Parisian Bistro Charm
Spiced Crimson
Spiced Plum Harvest