Back to palettes

Palette

Honeycomb Amber Glow

A warm, golden embrace inspired by the rich hues of honey and glowing amber.

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

#FFBF00#FFD700#FFA500#FF8C00#DAA520

Palette guide

How to use Honeycomb Amber Glow

Overview

The Honeycomb Amber Glow palette offers a warm, golden embrace inspired by the rich hues of honey and glowing amber. Featuring vibrant golds like #FFD700 and #FFBF00, alongside the classic #FFA500 and the deeper #DAA520, this palette is perfect for designers and developers aiming to convey brightness, sweetness, and a lively natural feel. The harmonious blend of warm yellows and oranges ensures versatility for various design applications, from energetic accents to inviting backgrounds. It's an excellent choice for crafting engaging and visually stimulating digital experiences or print materials that resonate with warmth and vitality.

Best used for

  • Vibrant branding and marketing
  • Festive and holiday designs
  • Summer-themed digital campaigns
  • Children's product packaging
  • Digital interfaces needing warmth
  • Food and beverage advertising

Suggested color roles

primary

Utilize #FFD700 as a bright and prominent primary color for headlines, logos, or key calls to action, ensuring high visibility.

secondary

Apply #FFA500 for supportive content areas, subheadings, or secondary navigation, providing a classic, warm orange tone.

accent

Employ #FF8C00 for strong accents, impactful call-to-action buttons, or important highlights, adding vibrant emphasis.

background

Use #FFBF00 as a slightly softer yellow-gold background, creating a bright and inviting canvas for content.

text

Choose #DAA520 for primary body text on lighter backgrounds, ensuring good readability with a rich, golden tone.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using brighter shades like #FFD700 or #FFBF00 on white backgrounds; opt for darker shades.
  • For body text, always use #DAA520 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

Bright Gradient

Create a vibrant, energetic gradient for hero banners or feature sections, conveying dynamism and warmth.

#FFD700 · #FFA500 · #FF8C00

Golden Blend

Ideal for establishing a warm and inviting feel in product descriptions or informational panels, with subtle depth.

#FFBF00 · #FFD700 · #DAA520

Vibrant Pop

Perfect for drawing attention to impactful highlights or playful graphic elements against a brighter base.

#FF8C00 · #FFA500 · #FFBF00

CSS variables

:root {
  --honeycomb-amber-glow-1: #FFBF00;
  --honeycomb-amber-glow-2: #FFD700;
  --honeycomb-amber-glow-3: #FFA500;
  --honeycomb-amber-glow-4: #FF8C00;
  --honeycomb-amber-glow-5: #DAA520;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "honeycomb-amber-glow": {
        1: "#FFBF00",
        2: "#FFD700",
        3: "#FFA500",
        4: "#FF8C00",
        5: "#DAA520",
      }
    }
  }
}

Related searches

bright honey colorsgolden amber palettewarm vibrant designfestive orange goldsunny yellow scheme

Palette colors

Hex values

Color 1#FFBF00
·
Color 2#FFD700
·
Color 3#FFA500
·
Color 4#FF8C00
·
Color 5#DAA520
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.2:1Fail
1.4:1Fail
1.4:1Fail
2
1.2:1Fail
1.4:1Fail
1.7:1Fail
1.6:1Fail
3
1.2:1Fail
1.4:1Fail
1.2:1Fail
1.1:1Fail
4
1.4:1Fail
1.7:1Fail
1.2:1Fail
1:1Fail
5
1.4:1Fail
1.6:1Fail
1.1:1Fail
1:1Fail

Similar palettes

More like Honeycomb Amber Glow

View all warm
Honeycomb Amber Glaze
Golden Honey Drip
Golden Honey Glow
Honeycomb Amber Glaze
Honeycomb Nectar Glow
Nectar Bloom Gold