Back to palettes

Palette

Honeycomb Amber Glaze

Rich and inviting hues reminiscent of sweet honey and glistening amber treasures.

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

#f5deb3#f2c77d#e9a13a#c77502#8f5700

Palette guide

How to use Honeycomb Amber Glaze

Overview

The Honeycomb Amber Glaze palette offers rich and inviting hues, reminiscent of sweet honey and glistening amber treasures. Featuring a sophisticated gradient from the creamy #f5deb3 to the deep #8f5700, and including the vibrant #e9a13a, this palette is perfect for designers and developers aiming to convey luxury, warmth, and natural richness. The deep amber tones provide a grounded elegance, while the lighter shades ensure versatility for various design applications. This collection is expertly curated to create visually compelling and harmonious digital or print designs that exude a sense of premium quality and inviting warmth.

Best used for

  • Premium food and beverage brands
  • Luxury goods marketing
  • Autumnal fashion lookbooks
  • Sophisticated digital interfaces
  • Warm interior design concepts
  • High-end artisanal product packaging

Suggested color roles

primary

Utilize #e9a13a as a vibrant primary color for striking headlines, brand logos, or key interactive elements, capturing attention.

secondary

Apply #f2c77d for supportive content areas, subheadings, or secondary navigation, offering a softer, inviting tone.

accent

Employ #c77502 for rich accents, call-to-action buttons, or important highlights, providing depth and emphasis.

background

Use #f5deb3 as a soft, creamy background, creating an elegant and luminous canvas for content.

text

Choose #8f5700 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 #f5deb3 or #f2c77d on very light backgrounds; opt for darker shades.
  • For body text, always use #8f5700 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 legibility.

Recommended combinations

Rich Amber Flow

Create a smooth, luxurious gradient for banners or feature sections, symbolizing depth and quality.

#F2C77D · #E9A13A · #C77502

Deep Contrast

Perfect for establishing a strong visual hierarchy, with the darkest shade grounding the vibrant amber and light background.

#8F5700 · #E9A13A · #F5DEB3

Warm Base

Ideal for creating a soft, inviting aesthetic in web pages or print layouts, with subtle depth and warmth.

#F5DEB3 · #F2C77D · #E9A13A

CSS variables

:root {
  --honeycomb-amber-glaze-3-1: #f5deb3;
  --honeycomb-amber-glaze-3-2: #f2c77d;
  --honeycomb-amber-glaze-3-3: #e9a13a;
  --honeycomb-amber-glaze-3-4: #c77502;
  --honeycomb-amber-glaze-3-5: #8f5700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "honeycomb-amber-glaze-3": {
        1: "#f5deb3",
        2: "#f2c77d",
        3: "#e9a13a",
        4: "#c77502",
        5: "#8f5700",
      }
    }
  }
}

Related searches

deep amber paletterich honey colorswarm golden browninviting color schemeluxury food branding

Palette colors

Hex values

Color 1#f5deb3
·
Color 2#f2c77d
·
Color 3#e9a13a
·
Color 4#c77502
·
Color 5#8f5700
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
2.7:1Fail
4.5:1AA
2
1.2:1Fail
1.4:1Fail
2.2:1Fail
3.7:1AA18
3
1.7:1Fail
1.4:1Fail
1.6:1Fail
2.7:1Fail
4
2.7:1Fail
2.2:1Fail
1.6:1Fail
1.7:1Fail
5
4.5:1AA
3.7:1AA18
2.7:1Fail
1.7:1Fail

Similar palettes

More like Honeycomb Amber Glaze

View all warm
Honeycomb Amber Glaze
Golden Honey Drip
Golden Honey Glow
Golden Hour Honey
Honeycomb Amber Glow
Honeycomb Nectar Glow