Back to palettes

Palette

Honeycomb Amber Glow

A sweet, golden radiance reminiscent of warm honey and the glowing heart of a hive.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD853F#FFA07A#FFDAB9#FDEE8C

Palette guide

How to use Honeycomb Amber Glow

Overview

The Honeycomb Amber Glow palette offers a sweet, golden radiance reminiscent of warm honey and the glowing heart of a hive. With earthy tones like #8B4513 and #CD853F, combined with the soft glow of #FFA07A and #FDEE8C, this palette is perfect for designers and developers aiming to evoke warmth, coziness, and natural charm. The harmonious blend of deep browns, rich oranges, and soft yellows creates a versatile range for various design applications. It's an excellent choice for crafting inviting and visually soothing digital experiences or print materials that resonate with comfort and natural beauty.

Best used for

  • Cozy café and bakery branding
  • Rustic home decor websites
  • Natural beauty product packaging
  • Autumn wedding themes
  • Vintage-inspired digital art
  • E-commerce for artisanal crafts

Suggested color roles

primary

Utilize #CD853F as a warm and inviting primary color for headings, logos, or key interactive elements, drawing attention.

secondary

Apply #FFA07A for supportive content areas, subheadings, or secondary navigation, providing a softer, harmonious tone.

accent

Employ #FDEE8C for subtle highlights, glowing effects, or delicate design elements, adding a soft, luminous touch.

background

Use #FFDAB9 as a light, creamy peach background, creating an elegant and luminous canvas for content.

text

Choose #8B4513 for primary body text on lighter backgrounds, ensuring excellent readability and a sophisticated, deep tone.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #FDEE8C or #FFA07A on very light backgrounds; opt for darker shades.
  • For body text, always use #8B4513 or a near-black to meet accessibility standards for readability.
  • Test interactive elements like buttons to confirm their states are clearly distinguishable and accessible.
  • Avoid placing light text on similar light backgrounds; always check contrast ratios for optimal legibility.

Recommended combinations

Warm Glow

Create a luminous gradient for banners or feature sections, conveying a soft, inviting warmth.

#FFA07A · #FFDAB9 · #FDEE8C

Earthy Depth

Ideal for establishing a grounded and rich feel in product descriptions or informational panels, with a bright highlight.

#8B4513 · #CD853F · #FFA07A

Soft Transition

Perfect for subtle background textures or decorative elements that require a smooth, flowing transition of warm tones.

#CD853F · #FFA07A · #FFDAB9

CSS variables

:root {
  --honeycomb-amber-glow-2-1: #8B4513;
  --honeycomb-amber-glow-2-2: #CD853F;
  --honeycomb-amber-glow-2-3: #FFA07A;
  --honeycomb-amber-glow-2-4: #FFDAB9;
  --honeycomb-amber-glow-2-5: #FDEE8C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "honeycomb-amber-glow-2": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#FFA07A",
        4: "#FFDAB9",
        5: "#FDEE8C",
      }
    }
  }
}

Related searches

amber glow palettecozy honey colorsrustic orange yellownatural earth tonesvintage warm colors

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#FFA07A
·
Color 4#FFDAB9
·
Color 5#FDEE8C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.6:1AA18
5.4:1AA
6:1AA
2
2.4:1Fail
1.5:1Fail
2.3:1Fail
2.5:1Fail
3
3.6:1AA18
1.5:1Fail
1.5:1Fail
1.7:1Fail
4
5.4:1AA
2.3:1Fail
1.5:1Fail
1.1:1Fail
5
6:1AA
2.5:1Fail
1.7:1Fail
1.1:1Fail

Similar palettes

More like Honeycomb Amber Glow

View all warm