Palette

Golden Honey Glow

A delectable blend of warm golds and deep ambers, reminiscent of liquid honey and golden sunlight.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Honey 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 Golden Honey Glow.

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

Data visualization

#FFD700#DAA520#B8860B#A0522D#CD853F

Palette guide

How to use Golden Honey Glow

Overview

The Golden Honey Glow palette is a delectable blend of warm golds and deep ambers, perfectly reminiscent of liquid honey and golden sunlight. Anchored by the classic brilliance of #FFD700 and the rich earthiness of #DAA520 and #B8860B, this palette offers substantial depth. The inclusion of #A0522D, a warm russet, and #CD853F, a rich honey brown, adds sophisticated warmth and grounding qualities. Designers and developers will find this palette ideal for projects requiring a sense of natural richness, warmth, and luxury, making it excellent for high-end food branding, elegant digital interfaces, or sophisticated autumnal themes.

Best used for

Luxury food and beverage brands
High-end natural product packaging
Elegant website designs
Autumnal fashion or home decor
Gourmet restaurant branding
Craft beer or spirits labels

Suggested color roles

primary

#FFD700 - A bright, classic gold, perfect for impactful branding, main calls to action, or elements that need to convey luxury and brilliance.

secondary

#DAA520 - A rich, deep gold, excellent for supporting headers, important information, or sections requiring a sense of established quality.

accent

#A0522D - A warm, sophisticated russet, ideal for subtle accents, interactive states, or decorative elements that add depth and a touch of elegance.

background

#B8860B - A muted, earthy gold that serves as a warm, grounding background, allowing brighter elements to shine while maintaining a cohesive, rich atmosphere.

text

#CD853F - A deep, honey brown, highly suitable for headings and prominent text. For body copy, ensure sufficient contrast with a dark charcoal or black against lighter palette backgrounds.

Accessibility notes

Use #A0522D or #CD853F for text on #FFD700 or #DAA520 backgrounds for good contrast.
Avoid pairing #B8860B with similar mid-tones for text.
Ensure all text and interactive elements meet WCAG AA standards, especially on lighter golds.
A dark neutral text color is often best for body copy.

Recommended combinations

Rich & Luminous

Creates a luxurious and inviting feel, ideal for hero sections, prominent branding, or elegant digital displays.

#FFD700 · #DAA520 · #B8860B

Deep Harvest

A grounding trio perfect for autumnal themes, sophisticated packaging, or rustic yet refined interfaces.

#B8860B · #A0522D · #CD853F

Warm Contrast

Use the deep gold with the russet for strong contrast in data visualization or key feature highlights, accented by bright gold.

#DAA520 · #A0522D · #FFD700

CSS variables

:root {
  --golden-honey-glow-1: #FFD700;
  --golden-honey-glow-2: #DAA520;
  --golden-honey-glow-3: #B8860B;
  --golden-honey-glow-4: #A0522D;
  --golden-honey-glow-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-honey-glow": {
        1: "#FFD700",
        2: "#DAA520",
        3: "#B8860B",
        4: "#A0522D",
        5: "#CD853F",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#DAA520

Color 3#B8860B

Color 4#A0522D

Color 5#CD853F

Accessibility

Contrast checker

1.6:1Fail

2.3:1Fail

4:1AA18

2.1:1Fail

1.6:1Fail

1.5:1Fail

2.5:1Fail

1.3:1Fail