Palette

Ruby Ember Forge

Fiery and opulent, evoking the intense glow of molten rubies forged in an ancient artisan's workshop.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A0303#CD1B1B#FF4500#FFD700#FFC0CB

Palette guide

How to use Ruby Ember Forge

Overview

The Ruby Ember Forge palette is a fiery and opulent collection, evoking the intense glow of molten rubies and precious metals. It features a deep, rich crimson #8A0303, a vibrant ruby red #CD1B1B, a blazing orange-red #FF4500, a shimmering gold #FFD700, and a delicate blush pink #FFC0CB. This palette is perfect for designs that aim to be energetic, luxurious, and attention-grabbing. Designers can use its intense warmth for powerful branding, while developers can implement these hex codes to create dynamic and visually impactful digital experiences.

Best used for

High-impact luxury branding
Event promotions (award ceremonies, galas)
Gaming and entertainment interfaces
Jewelry and high-end fashion e-commerce
Culinary and restaurant branding
Festive and celebratory designs

Suggested color roles

primary

#8A0303 - A grounding, deep crimson, ideal for main brand elements, large background sections, or navigation.

secondary

#CD1B1B - A vibrant ruby red, excellent for supporting sections, sub-headers, or prominent call-to-action buttons.

accent

#FF4500 - A blazing orange-red, perfect for drawing attention to interactive elements, alerts, or key highlights.

background

#FFC0CB - A delicate blush pink, suitable for subtle content areas, card backgrounds, or as a soft, warm page backdrop.

text

#FFD700 - A shimmering gold, best for decorative headings or highlights on dark backgrounds. For body text on #FFC0CB, a dark charcoal or #8A0303 provides best readability.

Accessibility notes

Ensure sufficient contrast for text using #FFD700 on #FFC0CB; a very dark color should be used for body text.
#8A0303 offers strong contrast for white or very light text, making it highly suitable for primary text on dark backgrounds.
Avoid placing #FF4500 text directly on #CD1B1B or #FFC0CB without careful contrast checks due to similar luminance.
When using #CD1B1B for text, ensure the background provides WCAG AA compliant contrast (e.g., a light gray or white).

Recommended combinations

Fiery Core

Deep crimson as a base, shimmering gold for highlights, and blazing orange-red for energetic accents.

#8A0303 · #FFD700 · #FF4500

Ruby Glow

Ruby red for main elements, blush pink for backgrounds, and deep crimson for text or grounding elements.

#CD1B1B · #FFC0CB · #8A0303

Ember Spark

Light blush background with gold accents and ruby red text or interactive elements.

#FFC0CB · #FFD700 · #CD1B1B

CSS variables

:root {
  --ruby-ember-forge-1: #8A0303;
  --ruby-ember-forge-2: #CD1B1B;
  --ruby-ember-forge-3: #FF4500;
  --ruby-ember-forge-4: #FFD700;
  --ruby-ember-forge-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ruby-ember-forge": {
        1: "#8A0303",
        2: "#CD1B1B",
        3: "#FF4500",
        4: "#FFD700",
        5: "#FFC0CB",
      }
    }
  }
}

Hex values

Color 1#8A0303

Color 2#CD1B1B

Color 3#FF4500

Color 4#FFD700

Color 5#FFC0CB

Accessibility

Contrast checker

1.8:1Fail

2.9:1Fail

7.1:1AAA

6.5:1AA

1.8:1Fail

1.6:1Fail

4:1AA18

3.6:1AA18

2.9:1Fail

1.6:1Fail

2.5:1Fail

2.2:1Fail

7.1:1AAA

4:1AA18

2.5:1Fail

1.1:1Fail

6.5:1AA

3.6:1AA18

2.2:1Fail

1.1:1Fail

Similar palettes

More like Ruby Ember Forge

Crimson Glacier Peaks

Crimson Horizon