Back to palettes

Palette

Honeycomb Amber Glaze

A rich, golden array reflecting the warm glow and sweet translucence of honey and amber.

warmnatural5 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

#FFD700#FFAA00#DD8800#BB6600#994400

Palette guide

How to use Honeycomb Amber Glaze

Overview

The Honeycomb Amber Glaze palette offers a rich, golden array reflecting the warm glow and sweet translucence of honey and amber. This versatile collection, featuring the bright #FFD700, the inviting #FFAA00, and the deep #994400, is perfect for designers and developers aiming to evoke warmth, naturalness, and a touch of rustic elegance. The harmonious progression from vibrant golds to deep amber-browns allows for dynamic and cohesive design applications, from eye-catching branding to comforting digital interfaces. It's an excellent choice for creating visuals that are both rich in character and universally appealing.

Best used for

  • Natural product branding
  • Autumn seasonal campaigns
  • Web design for warm themes
  • Confectionery packaging
  • Home goods e-commerce
  • Rustic event promotions

Suggested color roles

primary

Utilize #FFD700 as a radiant primary color for headlines, logos, or key calls to action, ensuring it stands out brightly.

secondary

Apply #FFAA00 for supportive content areas, subheadings, or secondary navigation, providing a warm and inviting tone.

accent

Employ #DD8800 for rich accents, interactive elements, or borders, adding a touch of deeper, vibrant orange.

background

Use #BB6600 as a warm, earthy background color, offering a stable and comforting base for your design.

text

Choose #994400 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 #FFD700 or #FFAA00 on very light backgrounds; opt for darker shades.
  • For body text, always use #994400 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

Amber Gradient

Create a luminous gradient for hero banners or feature sections, conveying warmth and depth.

#FFD700 · #FFAA00 · #DD8800

Deep Warmth

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

#BB6600 · #994400 · #FFAA00

Golden Flow

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

#DD8800 · #BB6600 · #994400

CSS variables

:root {
  --honeycomb-amber-glaze-1: #FFD700;
  --honeycomb-amber-glaze-2: #FFAA00;
  --honeycomb-amber-glaze-3: #DD8800;
  --honeycomb-amber-glaze-4: #BB6600;
  --honeycomb-amber-glaze-5: #994400;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "honeycomb-amber-glaze": {
        1: "#FFD700",
        2: "#FFAA00",
        3: "#DD8800",
        4: "#BB6600",
        5: "#994400",
      }
    }
  }
}

Related searches

golden amber palettewarm honey tonesnatural autumnal colorsrich orange goldcozy design scheme

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFAA00
·
Color 3#DD8800
·
Color 4#BB6600
·
Color 5#994400
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3:1Fail
4.7:1AA
2
1.4:1Fail
1.4:1Fail
2.2:1Fail
3.5:1AA18
3
2:1Fail
1.4:1Fail
1.5:1Fail
2.4:1Fail
4
3:1Fail
2.2:1Fail
1.5:1Fail
1.6:1Fail
5
4.7:1AA
3.5:1AA18
2.4:1Fail
1.6:1Fail

Similar palettes

More like Honeycomb Amber Glaze

View all warm