Back to palettes

Palette

Amber Resin Glow

A radiant palette capturing the rich, warm, and encapsulated beauty of fossilized tree resin.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFBF00#FFA500#B8860B#F5DEB3#FFFFFF

Palette guide

How to use Amber Resin Glow

Overview

The "Amber Resin Glow" palette is a radiant and elegant collection, capturing the encapsulated beauty of fossilized tree resin. It features a brilliant #FFBF00 (Amber) and #FFA500 (Orange) for luminous highlights, contrasted with the rich, grounding #B8860B (Dark Goldenrod). The palette is balanced by the soft, creamy #F5DEB3 (Wheat) and a pure #FFFFFF (White), providing a clean, sophisticated backdrop. This combination is perfect for designs that aim for a vintage, natural, and radiant aesthetic, ideal for luxury goods, organic branding, or refined web interfaces.

Best used for

  • Luxury product branding and packaging
  • Vintage-inspired graphic design
  • Jewelry or artisanal craft websites
  • Organic and natural cosmetics marketing
  • Elegant blog themes or editorial layouts
  • Museum or historical exhibit design

Suggested color roles

primary

Use #B8860B as a deep, rich goldenrod, excellent for strong headings, important calls-to-action, or a sophisticated brand identity.

secondary

Employ #FFA500 as a vibrant, warm orange, perfect for subheadings, interactive elements, or adding an inviting glow.

accent

Apply #FFBF00 as a luminous amber, ideal for subtle highlights, icons, or decorative elements that need to sparkle.

background

Utilize #FFFFFF as a crisp, clean white, providing a timeless and highly legible canvas that makes the amber tones glow. Alternatively, #F5DEB3 for a softer, warmer background.

text

For primary body text on white or #F5DEB3 backgrounds, use #B8860B, ensuring excellent readability and a cohesive warm feel. Black also works well.

Accessibility notes

  • Ensure #B8860B text has excellent contrast against #FFFFFF or #F5DEB3 backgrounds (WCAG AA/AAA).
  • Avoid using #FFBF00 or #FFA500 for small text on light backgrounds (white, #F5DEB3) due to insufficient contrast.
  • When using #F5DEB3 for text, it should only be on very dark backgrounds for readability, or used as a background itself.
  • The pure #FFFFFF provides a high-contrast base for all darker colors in the palette.

Recommended combinations

Fossilized Shine

A strong dark base, a vibrant accent, and a clean white background, creating a crisp yet warm design.

#B8860B · #FFA500 · #FFFFFF

Encapsulated Light

A soft background with a luminous highlight and deep text, ideal for elegant content blocks.

#F5DEB3 · #FFBF00 · #B8860B

Golden Heirloom

A vibrant primary, a sophisticated secondary, and a warm supporting color, suitable for layered elements.

#FFA500 · #B8860B · #F5DEB3

CSS variables

:root {
  --amber-resin-glow-1: #FFBF00;
  --amber-resin-glow-2: #FFA500;
  --amber-resin-glow-3: #B8860B;
  --amber-resin-glow-4: #F5DEB3;
  --amber-resin-glow-5: #FFFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amber-resin-glow": {
        1: "#FFBF00",
        2: "#FFA500",
        3: "#B8860B",
        4: "#F5DEB3",
        5: "#FFFFFF",
      }
    }
  }
}

Related searches

amber gold white palettevintage natural color schemeradiant organic brandinggolden resin designelegant warm white colors

Palette colors

Hex values

Color 1#FFBF00
·
Color 2#FFA500
·
Color 3#B8860B
·
Color 4#F5DEB3
·
Color 5#FFFFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2:1Fail
1.3:1Fail
1.7:1Fail
2
1.2:1Fail
1.6:1Fail
1.5:1Fail
2:1Fail
3
2:1Fail
1.6:1Fail
2.5:1Fail
3.3:1AA18
4
1.3:1Fail
1.5:1Fail
2.5:1Fail
1.3:1Fail
5
1.7:1Fail
2:1Fail
3.3:1AA18
1.3:1Fail

Similar palettes

More like Amber Resin Glow

View all warm
Ancient Gold Leaf
Antique Gold Locket
Antique Rose Petals
Antique Rose Tapestry
Antique Rose Velour
Antique Silk Draping