Back to palettes

Palette

Fireside Story Glow

Rich, inviting reds reminiscent of embers and the warmth of a fireside story.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fireside Story 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 Fireside Story Glow.

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

Data visualization

#5C0B0A#8D1A19#BF2A28#E03936#F94844

Palette guide

How to use Fireside Story Glow

Overview

The Fireside Story Glow palette features rich, inviting reds reminiscent of warm embers and the comforting atmosphere of a fireside tale. This intense collection provides designers and developers with a powerful range of warm hues, perfect for projects that demand passion, drama, and emotional depth. It features a deep crimson (#5C0B0A), a robust ruby (#8D1A19), a vibrant scarlet (#BF2A28), a bright fire engine red (#E03936), and a fiery coral (#F94844). These colors offer a dramatic gradient from deep shadows to brilliant highlights, ideal for impactful storytelling and creating a sense of urgency or romance.

Best used for

  • Storytelling brands and emotional marketing campaigns
  • Festive events and holiday promotions
  • Dramatic art installations and digital illustrations
  • Food branding, especially for spicy or bold flavors
  • Romantic themes and expressive graphic design
  • Call-to-action elements requiring high visibility

Suggested color roles

primary

Use #5C0B0A as a deep, sophisticated primary color for impactful headings, brand logos, or a strong background.

secondary

Apply #8D1A19 for supporting content, subheadings, or to add a rich, warm red dimension to the design.

accent

Deploy #F94844 for bright, energetic highlights, interactive elements, or to create a vibrant visual pop.

background

Utilize #E03936 as a vibrant, warm background for certain sections, or pair with a crisp white for content areas.

text

Choose #5C0B0A for primary body text on very light backgrounds, or a crisp white for text on darker hues like #BF2A28.

Accessibility notes

  • Ensure white text on #5C0B0A, #8D1A19, #BF2A28, and #E03936 meets WCAG AA contrast standards.
  • Avoid using #F94844 for small text on #E03936 or #BF2A28, as contrast will be insufficient.
  • Provide clear visual cues for interactive elements; consider using an outline or a different shade for hover states.
  • Use #5C0B0A for text on a white or light cream background to guarantee readability.

Recommended combinations

Ember Depth

Creates a dramatic, glowing effect, perfect for hero sections, artistic graphics, or impactful calls-to-action.

#5C0B0A · #BF2A28 · #F94844

Glowing Narrative

Ideal for storytelling elements, infographics, or to guide the eye through dynamic content.

#8D1A19 · #E03936 · #F94844

Bold Statement

Offers a rich, layered look, suitable for complex illustrations, infographics, or sections requiring visual depth.

#BF2A28 · #5C0B0A · #E03936

CSS variables

:root {
  --fireside-story-glow-1: #5C0B0A;
  --fireside-story-glow-2: #8D1A19;
  --fireside-story-glow-3: #BF2A28;
  --fireside-story-glow-4: #E03936;
  --fireside-story-glow-5: #F94844;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fireside-story-glow": {
        1: "#5C0B0A",
        2: "#8D1A19",
        3: "#BF2A28",
        4: "#E03936",
        5: "#F94844",
      }
    }
  }
}

Related searches

rich red color schemefireside story colorsdramatic red palettewarm ember huespassionate design reds

Palette colors

Hex values

Color 1#5C0B0A
·
Color 2#8D1A19
·
Color 3#BF2A28
·
Color 4#E03936
·
Color 5#F94844
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.2:1AA18
4:1AA18
2
1.5:1Fail
1.6:1Fail
2.1:1Fail
2.6:1Fail
3
2.4:1Fail
1.6:1Fail
1.3:1Fail
1.7:1Fail
4
3.2:1AA18
2.1:1Fail
1.3:1Fail
1.3:1Fail
5
4:1AA18
2.6:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Fireside Story Glow

View all warm
Autumn Hearth Comfort
Barista Roast Comfort
Coffee House Corner
Cozy Cabin Hearth
Cozy Cabin Hearth
Cozy Cottage Hearth