Back to palettes

Palette

Honeycomb Nectar Glow

A sweet and warm collection of golden yellows and deep ambers, glowing like rich honeycomb nectar.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Honeycomb Nectar 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 Nectar Glow.

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

Data visualization

#FFD47E#FFC154#FFB03A#E69D26#CC8A19

Palette guide

How to use Honeycomb Nectar Glow

Overview

The Honeycomb Nectar Glow palette is a sweet and warm collection of golden yellows and deep ambers, glowing like rich honeycomb nectar. Ranging from a soft, luminous #FFD47E to a rich, grounding #CC8A19, this palette exudes natural elegance and gentle warmth. It's perfect for designers and developers seeking to create refined and inviting experiences. The subtle transitions between #FFC154, #FFB03A, and #E69D26 offer ample opportunity for sophisticated layering and depth, ideal for brands that emphasize purity, natural ingredients, or understated luxury across web, print, and product design.

Best used for

  • Organic food and beverage branding
  • Spa and wellness industry websites
  • Natural beauty product packaging
  • Artisan craft and handmade goods
  • Wedding and elegant event invitations
  • Sustainable lifestyle brand marketing

Suggested color roles

primary

Use #FFD47E as a soft, luminous background or for delicate highlights.

secondary

Apply #FFB03A for supporting content, headers, or sections that need warm definition.

accent

Utilize #CC8A19 for rich, grounding accents, borders, or strong contrasting details.

background

A gentle gold like #FFC154 provides a soft, sunny base for content areas.

text

For optimal readability, use a dark brown like #CC8A19 or a deep charcoal against lighter golds.

Accessibility notes

  • Ensure all light colors (#FFD47E, #FFC154, #FFB03A) are paired with very dark text for readability.
  • Test #CC8A19 text against #E69D26 or #FFB03A backgrounds to meet WCAG AA standards.
  • Avoid using colors like #E69D26 for text on #FFB03A due to potential low contrast.
  • Provide clear focus states for interactive elements, ensuring good visibility.

Recommended combinations

Nectar Elegance

Light background, rich contrasting text, and a warm accent for a sophisticated look.

#FFD47E · #CC8A19 · #FFB03A

Subtle Glow

A smooth, warm gradient for backgrounds or layered visual elements.

#FFC154 · #FFB03A · #E69D26

Rich Foundation

A deep, anchoring base with soft, luminous highlights and a gentle mid-tone.

#CC8A19 · #FFD47E · #FFC154

CSS variables

:root {
  --honeycomb-nectar-glow-1: #FFD47E;
  --honeycomb-nectar-glow-2: #FFC154;
  --honeycomb-nectar-glow-3: #FFB03A;
  --honeycomb-nectar-glow-4: #E69D26;
  --honeycomb-nectar-glow-5: #CC8A19;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "honeycomb-nectar-glow": {
        1: "#FFD47E",
        2: "#FFC154",
        3: "#FFB03A",
        4: "#E69D26",
        5: "#CC8A19",
      }
    }
  }
}

Related searches

nectar glow color schemesoft honey palettegolden amber shadesnatural warm yellowselegant sweet colors

Palette colors

Hex values

Color 1#FFD47E
·
Color 2#FFC154
·
Color 3#FFB03A
·
Color 4#E69D26
·
Color 5#CC8A19
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1.6:1Fail
2.1:1Fail
2
1.2:1Fail
1.1:1Fail
1.4:1Fail
1.8:1Fail
3
1.3:1Fail
1.1:1Fail
1.3:1Fail
1.6:1Fail
4
1.6:1Fail
1.4:1Fail
1.3:1Fail
1.3:1Fail
5
2.1:1Fail
1.8:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Honeycomb Nectar Glow

View all warm
Golden Honey Drip
Golden Honey Glow
Honeycomb Amber Glaze
Sunlit Honeycomb Warmth
Golden Hour Honey
Golden Hour Meadow