Back to palettes

Palette

Honeyed Amber

A luscious array of golden and amber tones, evoking the sweetness of honey and the warmth of a gentle glow.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Honeyed Amber 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 Honeyed Amber.

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

Data visualization

#FFBF00#FFA500#FF7F50#FF6347#D2691E

Palette guide

How to use Honeyed Amber

Overview

The Honeyed Amber palette is a luscious array of golden and amber tones, evoking the sweetness of honey and the warmth of a gentle glow. This rich and vibrant scheme transitions from bright gold (#FFBF00) through warm coral (#FF7F50) to a deep, earthy brown-orange (#D2691E). It's an excellent choice for designers and developers aiming to create designs that feel natural, inviting, and full of warmth. The range of hues, including #FFA500 and #FF6347, offers great versatility for conveying richness, energy, and a touch of rustic elegance across various applications, from digital interfaces to physical product branding.

Best used for

  • Autumnal fashion and beauty brands
  • Spiced food or beverage packaging
  • Rustic wedding themes and invitations
  • Outdoor adventure or camping brands
  • Interior design with warm, earthy accents
  • Brands emphasizing natural warmth and richness

Suggested color roles

primary

Use #FFBF00 as a bright, inviting focal point for calls-to-action or key visual elements.

secondary

Apply #FFA500 for supporting content, headers, or backgrounds that need warm saturation.

accent

Utilize #D2691E for deep, grounding accents, borders, or strong contrasting details.

background

A warm coral like #FF7F50 provides an inviting and slightly muted base for content areas.

text

For optimal readability, use a dark brown like #D2691E or a deep charcoal against lighter palette colors.

Accessibility notes

  • Ensure #FFBF00 and #FFA500 text has sufficient contrast against dark backgrounds or use dark text.
  • Test #D2691E text on #FF7F50 or #FF6347 backgrounds to meet WCAG AA readability standards.
  • Avoid using #FF6347 for text on #FF7F50 due to their similar luminance values.
  • Provide clear and distinct focus indicators for all interactive elements.

Recommended combinations

Vibrant Depth

Bright highlights, deep contrasting text, and a warm coral accent for a dynamic look.

#FFBF00 · #D2691E · #FF7F50

Sunset Gradient

A smooth, warm gradient for backgrounds or illustrative elements, mimicking a sunset.

#FFA500 · #FF7F50 · #FF6347

Earthy & Bright

A strong, deep base with bright golden highlights and a warm, inviting mid-tone.

#D2691E · #FFBF00 · #FFA500

CSS variables

:root {
  --honeyed-amber-1: #FFBF00;
  --honeyed-amber-2: #FFA500;
  --honeyed-amber-3: #FF7F50;
  --honeyed-amber-4: #FF6347;
  --honeyed-amber-5: #D2691E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "honeyed-amber": {
        1: "#FFBF00",
        2: "#FFA500",
        3: "#FF7F50",
        4: "#FF6347",
        5: "#D2691E",
      }
    }
  }
}

Related searches

honeyed amber color schemewarm coral goldnatural autumn huesrich orange brown palettevibrant earthy colors

Palette colors

Hex values

Color 1#FFBF00
·
Color 2#FFA500
·
Color 3#FF7F50
·
Color 4#FF6347
·
Color 5#D2691E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.8:1Fail
2.2:1Fail
2
1.2:1Fail
1.3:1Fail
1.5:1Fail
1.8:1Fail
3
1.5:1Fail
1.3:1Fail
1.2:1Fail
1.5:1Fail
4
1.8:1Fail
1.5:1Fail
1.2:1Fail
1.2:1Fail
5
2.2:1Fail
1.8:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Honeyed Amber

View all warm
Honeycomb Amber Glaze
Golden Honey Drip
Golden Hour Field
Golden Hour Harvest
Honeycomb Amber Glaze
Honeycomb Amber Glow