Back to palettes

Palette

Honeycomb Hearth Glow

Warm and inviting tones from golden honey to glowing embers of a cozy hearth.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Honeycomb Hearth 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 Honeycomb Hearth Glow.

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

Data visualization

#FFD700#FFA500#E6772D#BF4F23#8C3C2C

Palette guide

How to use Honeycomb Hearth Glow

Overview

The Honeycomb Hearth Glow palette offers a cozy and inviting range of tones, from golden honey to glowing embers. This warm scheme features bright gold (#FFD700), mellow orange (#FFA500), and deep, rich reds like #BF4F23 and #8C3C2C, creating a sense of comfort and natural warmth. It's an excellent choice for designers and developers aiming to evoke a feeling of home, coziness, or rustic charm. The progression from vibrant gold to deep, muted red provides versatility for both lively highlights and grounded, earthy foundations, making it suitable for a wide array of applications from digital interfaces to physical products.

Best used for

  • Cozy cafe or bakery branding
  • Home goods and interior design websites
  • Autumn/winter holiday marketing
  • Rustic or artisanal product packaging
  • Content marketing for comfort-focused brands
  • Fireplace or outdoor living space promotions

Suggested color roles

primary

Use #FFD700 as a bright, welcoming highlight for key features or calls-to-action.

secondary

Apply #E6772D for supporting content, headers, or backgrounds that need warm depth.

accent

Utilize #8C3C2C for deep, grounding accents, borders, or strong visual anchors.

background

A warm orange like #FFA500 provides an inviting and soft base for content areas.

text

For optimal readability, use a dark brown like #8C3C2C or a rich charcoal against lighter palette colors.

Accessibility notes

  • Ensure #FFD700 and #FFA500 text has sufficient contrast against dark backgrounds or use dark text.
  • Test #8C3C2C text on #E6772D or #BF4F23 backgrounds to meet WCAG AA readability standards.
  • Avoid pairing #BF4F23 with #E6772D for text due to their close luminance values.
  • Provide clear and distinct focus indicators for all interactive elements.

Recommended combinations

Hearth Warmth

Bright highlights, deep contrasting text, and a warm, inviting secondary color.

#FFD700 · #8C3C2C · #E6772D

Ember Gradient

A smooth, natural gradient for backgrounds or illustrative elements, mimicking glowing embers.

#FFA500 · #E6772D · #BF4F23

Rustic Depth

A strong, deep base with bright golden highlights and a soft, warm mid-tone.

#8C3C2C · #FFD700 · #FFA500

CSS variables

:root {
  --honeycomb-hearth-glow-1: #FFD700;
  --honeycomb-hearth-glow-2: #FFA500;
  --honeycomb-hearth-glow-3: #E6772D;
  --honeycomb-hearth-glow-4: #BF4F23;
  --honeycomb-hearth-glow-5: #8C3C2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "honeycomb-hearth-glow": {
        1: "#FFD700",
        2: "#FFA500",
        3: "#E6772D",
        4: "#BF4F23",
        5: "#8C3C2C",
      }
    }
  }
}

Related searches

hearth glow color schemecozy autumn palettewarm amber redrustic honey goldinviting color scheme

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFA500
·
Color 3#E6772D
·
Color 4#BF4F23
·
Color 5#8C3C2C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.4:1AA18
5.4:1AA
2
1.4:1Fail
1.5:1Fail
2.4:1Fail
3.8:1AA18
3
2.1:1Fail
1.5:1Fail
1.6:1Fail
2.5:1Fail
4
3.4:1AA18
2.4:1Fail
1.6:1Fail
1.6:1Fail
5
5.4:1AA
3.8:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Honeycomb Hearth Glow

View all warm
Ember Glow Hearth
Harvest Hearth Warmth
Honeycomb Amber Glow
Warm Hearth Stone
Amber Apothecary Jar
Amber Sundown Glow