Back to palettes

Palette

Cranberry Hearth Warmth

Deep cranberry reds blend with rosy hues, inspired by the inviting warmth of a cozy hearth on a winter's night.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cranberry Hearth Warmth 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 Cranberry Hearth Warmth.

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

Data visualization

#4F0E1E#8C1C2C#B73D4B#D07B88#ECC1C7

Palette guide

How to use Cranberry Hearth Warmth

Overview

The Cranberry Hearth Warmth palette blends deep cranberry reds with rosy hues, inspired by the inviting warmth of a cozy hearth on a winter's night. Ranging from the profound #4F0E1E to the delicate #ECC1C7, this collection offers a rich and sophisticated spectrum. Designers and developers can use #8C1C2C for robust elements and #B73D4B for vibrant, yet refined statements. The softer #D07B88 and #ECC1C7 provide gentle, blush accents. This palette is ideal for projects seeking to convey tradition, elegance, and a comforting warmth, perfect for holiday themes, sophisticated branding, or inviting digital interfaces.

Best used for

  • Winter holiday and festive season branding
  • Elegant event invitations or decor
  • Branding for luxury beauty or cosmetic products
  • Traditional or classic website themes
  • Interior design for formal dining or living rooms
  • Editorial design for high-end lifestyle magazines

Suggested color roles

primary

Utilize #4F0E1E as a deep, foundational primary for backgrounds or large content blocks, establishing a sophisticated mood.

secondary

Employ #8C1C2C for important headings, calls to action, or navigation, offering a rich, inviting red.

accent

Introduce #ECC1C7 as a soft, blush accent for highlights, subtle background textures, or interactive states.

background

The lightest shade, #ECC1C7, provides a soft, warm background. For a dramatic effect, #4F0E1E works beautifully.

text

On light backgrounds, #4F0E1E or a dark charcoal ensures excellent readability. For dark backgrounds, white or a near-white shade is essential.

Accessibility notes

  • Ensure sufficient contrast between #D07B88 and #ECC1C7 if used for text or critical UI elements.
  • Text on #4F0E1E will require a very light color (e.g., white or #ECC1C7) for legibility.
  • Avoid low-contrast pairings like #B73D4B text on #D07B88 backgrounds for small fonts.
  • Always test contrast ratios with accessibility tools to meet WCAG 2.1 AA standards for readability.

Recommended combinations

Winter Hearth

Creates a deep, rich base with a warm, rosy mid-tone for elegant designs.

#4F0E1E · #8C1C2C · #D07B88

Cranberry Blush

Ideal for a festive yet refined aesthetic, balancing vibrant red with soft blush.

#B73D4B · #ECC1C7 · #4F0E1E

Rosy Glow

Excellent for subtle gradients or warm, inviting visual transitions in a user interface.

#8C1C2C · #D07B88 · #ECC1C7

CSS variables

:root {
  --cranberry-hearth-warmth-1: #4F0E1E;
  --cranberry-hearth-warmth-2: #8C1C2C;
  --cranberry-hearth-warmth-3: #B73D4B;
  --cranberry-hearth-warmth-4: #D07B88;
  --cranberry-hearth-warmth-5: #ECC1C7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cranberry-hearth-warmth": {
        1: "#4F0E1E",
        2: "#8C1C2C",
        3: "#B73D4B",
        4: "#D07B88",
        5: "#ECC1C7",
      }
    }
  }
}

Related searches

cranberry red color schemeswinter holiday paletteselegant red pink colorstraditional hearth hueswarm festive color guide

Palette colors

Hex values

Color 1#4F0E1E
·
Color 2#8C1C2C
·
Color 3#B73D4B
·
Color 4#D07B88
·
Color 5#ECC1C7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
4.9:1AA
9.2:1AAA
2
1.6:1Fail
1.6:1Fail
3:1Fail
5.6:1AA
3
2.7:1Fail
1.6:1Fail
1.8:1Fail
3.4:1AA18
4
4.9:1AA
3:1Fail
1.8:1Fail
1.9:1Fail
5
9.2:1AAA
5.6:1AA
3.4:1AA18
1.9:1Fail

Similar palettes

More like Cranberry Hearth Warmth

View all warm
Autumn Cider Fireside
Autumn Hearth Glow
Cozy Cafe Roast
Cozy Fireplace Glow
Fireside Hearth Warmth
Fireside Story Glow