Back to palettes

Palette

Honeycomb Amber Glaze

A rich, golden collection reflecting the warm, sweet glow of liquid honey.

warmretro5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B87E00#DB9D0F#F8B82F#FFDA6B#8C6200

Palette guide

How to use Honeycomb Amber Glaze

Overview

The Honeycomb Amber Glaze palette presents a rich, golden collection reflecting the warm, sweet glow of liquid honey, imbued with a charming retro mood. Featuring vibrant golds like #F8B82F and #FFDA6B, alongside deeper, grounding shades such as #B87E00 and #8C6200, this palette is perfect for designers and developers aiming to evoke nostalgia, warmth, and a touch of classic elegance. The harmonious blend of brighter and darker golden tones ensures versatility for various design applications, from eye-catching branding to sophisticated digital interfaces, creating visuals that are both inviting and memorable.

Best used for

  • Vintage and retro branding
  • Autumnal themed digital content
  • Classic confectionery packaging
  • Cozy café or restaurant interiors
  • E-commerce for artisanal goods
  • Nostalgic storytelling websites

Suggested color roles

primary

Designate #F8B82F as the bright and engaging primary color for headlines, logos, or key interactive elements, capturing attention.

secondary

Use #DB9D0F for supportive content areas, subheadings, or secondary navigation, providing a slightly deeper, warm tone.

accent

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

background

Utilize #B87E00 as a deep, warm background color, offering a rich and stable base that enhances brighter elements.

text

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

Accessibility notes

  • Ensure robust contrast for text, especially when using #FFDA6B on very light backgrounds; opt for darker shades for legibility.
  • For body text, always use #8C6200 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

Retro Glow

Create a luminous gradient for banners or feature sections, conveying a sense of warmth and vintage charm.

#FFDA6B · #F8B82F · #DB9D0F

Deep Contrast

Perfect for establishing a strong visual hierarchy, with the darkest shade grounding the vibrant gold and adding depth.

#8C6200 · #B87E00 · #F8B82F

Golden Gradient

Ideal for creating a sophisticated and warm aesthetic in web pages or print layouts, with a smooth transition.

#B87E00 · #DB9D0F · #F8B82F

CSS variables

:root {
  --honeycomb-amber-glaze-4-1: #B87E00;
  --honeycomb-amber-glaze-4-2: #DB9D0F;
  --honeycomb-amber-glaze-4-3: #F8B82F;
  --honeycomb-amber-glaze-4-4: #FFDA6B;
  --honeycomb-amber-glaze-4-5: #8C6200;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "honeycomb-amber-glaze-4": {
        1: "#B87E00",
        2: "#DB9D0F",
        3: "#F8B82F",
        4: "#FFDA6B",
        5: "#8C6200",
      }
    }
  }
}

Related searches

retro gold palettevintage honey colorswarm amber designclassic golden huesrich yellow brown

Palette colors

Hex values

Color 1#B87E00
·
Color 2#DB9D0F
·
Color 3#F8B82F
·
Color 4#FFDA6B
·
Color 5#8C6200
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
2.6:1Fail
1.6:1Fail
2
1.5:1Fail
1.3:1Fail
1.8:1Fail
2.3:1Fail
3
2:1Fail
1.3:1Fail
1.3:1Fail
3.1:1AA18
4
2.6:1Fail
1.8:1Fail
1.3:1Fail
4:1AA18
5
1.6:1Fail
2.3:1Fail
3.1:1AA18
4:1AA18

Similar palettes

More like Honeycomb Amber Glaze

View all warm