Back to palettes

Palette

Golden Hour Honey

Bathed in the soft, radiant glow of the golden hour, liquid honey hues trickle down the canvas.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFBF00#FFD700#FDD017#E49B0F#C17D09

Palette guide

How to use Golden Hour Honey

Overview

The Golden Hour Honey palette is bathed in the soft, radiant glow of the golden hour, with liquid honey hues trickling down the canvas. This collection, featuring the bright gold of #FFD700, the rich depth of #E49B0F, and the opulent brown-gold of #C17D09, exudes elegance and warmth. Developers can create luxurious and sophisticated user interfaces, while designers will find these hues perfect for high-end branding, fine dining menus, or premium product packaging. The vibrant #FFBF00 and #FDD017 add sparkling highlights, making this palette versatile for projects demanding a rich, refined, and inviting aesthetic.

Best used for

  • Luxury brand websites
  • Fine dining restaurant menus
  • Premium product packaging
  • Awards ceremony themes
  • Opulent event invitations
  • High-end jewelry displays

Suggested color roles

primary

Use #FFD700 as a bright, radiant gold for main branding elements, conveying prestige and quality.

secondary

Apply #E49B0F for supporting details, subheadings, or as a background for important sections.

accent

Utilize #C17D09 for elegant borders, sophisticated text, or to add a deep, grounding accent.

background

Implement #FFBF00 as a subtle, warm golden background, providing a luxurious base for content.

text

Pair with #C17D09 or a very dark brown/black for optimal readability on lighter golds. White text works on #E49B0F and #C17D09.

Accessibility notes

  • Ensure #C17D09 provides good contrast for text on #FFD700 and #FFBF00.
  • White text on #E49B0F and #C17D09 offers strong legibility for headings and buttons.
  • Avoid using #FDD017 for small body text on similarly light gold backgrounds due to potential low contrast.
  • Carefully check contrast ratios for all text and interactive elements to meet accessibility guidelines.

Recommended combinations

Opulent Gold

Ideal for luxury branding, creating a rich and sophisticated visual hierarchy for logos or hero images.

#FFD700 · #E49B0F · #C17D09

Bright Sparkle

Perfect for highlighting key information, interactive elements, or creating subtle, radiant gradients.

#FFBF00 · #FDD017 · #FFD700

Deep Glow

Effective for elegant headers, footers, or background sections that require depth and a touch of luxury.

#C17D09 · #E49B0F · #FFBF00

CSS variables

:root {
  --golden-hour-honey-3-1: #FFBF00;
  --golden-hour-honey-3-2: #FFD700;
  --golden-hour-honey-3-3: #FDD017;
  --golden-hour-honey-3-4: #E49B0F;
  --golden-hour-honey-3-5: #C17D09;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-honey-3": {
        1: "#FFBF00",
        2: "#FFD700",
        3: "#FDD017",
        4: "#E49B0F",
        5: "#C17D09",
      }
    }
  }
}

Related searches

rich gold color paletteluxury honey colorselegant yellow goldpremium brand colorsradiant golden hour

Palette colors

Hex values

Color 1#FFBF00
·
Color 2#FFD700
·
Color 3#FDD017
·
Color 4#E49B0F
·
Color 5#C17D09
·

Accessibility

Contrast checker

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

Similar palettes

More like Golden Hour Honey

View all warm
Golden Honey Mead
Golden Honeycomb Glow
Honeycomb Gold Drip
Amber Glaze
Gilded Omen
Golden Alchemy