Palette

Cozy Fireplace Glow

The inviting warmth and flickering light of a cozy fireplace on a chilly evening.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cozy Fireplace 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 Cozy Fireplace Glow.

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

Data visualization

#8B0000#FF4500#FFD700#B8860B#A0522D

Palette guide

How to use Cozy Fireplace Glow

Overview

The 'Cozy Fireplace Glow' palette captures the inviting warmth and flickering light of a cozy fireplace on a chilly evening. This vibrant yet comforting collection features a deep dark red (#8B0000), a fiery orange red (#FF4500), a bright gold (#FFD700), a robust goldenrod (#B8860B), and a rich sienna (#A0522D). Ideal for designers and developers seeking to convey warmth, comfort, and a touch of seasonal cheer. These harmonious hues are perfect for projects that celebrate autumn, holidays, or a welcoming, grounded aesthetic, ensuring an inviting user experience across various platforms.

Best used for

Autumn and winter seasonal branding
Holiday greeting cards and decor
Rustic event invitations
Cozy cafe or restaurant interiors
Fireside-themed app interfaces
Home goods and textile designs

Suggested color roles

primary

#8B0000 (Dark Red) - A deep, anchoring primary color, ideal for main structures, headers, or strong brand elements.

secondary

#FF4500 (Orange Red) - Provides an energetic, inviting complement, excellent for secondary content, calls-to-action, or accents.

accent

#FFD700 (Gold) - A luminous, bright accent perfect for highlights, interactive elements, or a touch of luxury and glow.

background

#A0522D (Sienna) - A rich, warm background that provides a strong base for brighter accents, suitable for content areas.

text

#B8860B (Goldenrod) - Suitable for larger, decorative text. For body text, use black or very dark brown (#333333) on lighter backgrounds for readability.

Accessibility notes

Ensure sufficient contrast for text, especially when using brighter colors like #FFD700 on lighter backgrounds.
The dark #8B0000 and #A0522D provide excellent contrast for white or off-white text.
Use #FF4500 or #FFD700 for headings with dark text for strong visual impact and readability.
Avoid using #B8860B for small body text unless on a significantly darker background to ensure legibility.

Recommended combinations

Firelight Flare

Ideal for dynamic website headers, seasonal promotions, or energetic branding.

#8B0000 · #FF4500 · #FFD700

Golden Ember

Great for content cards, luxurious accents, or where a rich, warm feel is desired.

#B8860B · #A0522D · #FFD700

Deep Hearth

Perfect for bold calls-to-action, rustic illustrations, or accentuating key information.

#8B0000 · #A0522D · #FF4500

CSS variables

:root {
  --cozy-fireplace-glow-1: #8B0000;
  --cozy-fireplace-glow-2: #FF4500;
  --cozy-fireplace-glow-3: #FFD700;
  --cozy-fireplace-glow-4: #B8860B;
  --cozy-fireplace-glow-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cozy-fireplace-glow": {
        1: "#8B0000",
        2: "#FF4500",
        3: "#FFD700",
        4: "#B8860B",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#FF4500

Color 3#FFD700

Color 4#B8860B

Color 5#A0522D

Accessibility

Contrast checker

2.9:1Fail

7.1:1AAA

3.1:1AA18

1.8:1Fail

2.9:1Fail

2.5:1Fail

1.1:1Fail

1.6:1Fail

7.1:1AAA

2.5:1Fail

2.3:1Fail

4:1AA18

3.1:1AA18

1.1:1Fail

2.3:1Fail

1.7:1Fail

1.8:1Fail

1.6:1Fail

4:1AA18

1.7:1Fail

Similar palettes

More like Cozy Fireplace Glow