Palette

Molten Gold Forge

Fiery oranges and radiant golds mimic the intense glow and shimmer of precious metal in a ancient forge.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Molten Gold Forge 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 Molten Gold Forge.

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

Data visualization

#8B4513#B8860B#DAA520#FFD700#FFEB99

Palette guide

How to use Molten Gold Forge

Overview

The Molten Gold Forge palette exudes an elegant warmth, mirroring the intense glow and shimmer of precious metal within an ancient forge. This luxurious collection features rich earthy tones like #8B4513 and #B8860B, transitioning into radiant golds such as #DAA520, the classic #FFD700, and the luminous #FFEB99. Designers and developers can leverage this palette to create sophisticated and opulent visuals. It’s perfect for luxury branding, high-end product design, or any project aiming to convey wealth, prestige, and timeless elegance, providing a truly radiant and distinguished aesthetic that captures attention with its golden allure.

Best used for

Luxury product branding
Financial services websites
Elegant event invitations
Award ceremony designs
High-end product packaging
Jewelry and fashion websites

Suggested color roles

primary

Utilize #DAA520 as the rich primary gold for prominent branding, conveying prestige and value.

secondary

Employ #FFD700 for supporting elements or secondary interactive components, offering a classic, bright gold.

accent

Apply #FFEB99 for luminous highlights, subtle shimmers, or small, luxurious details that catch the light.

background

Use #8B4513 as a deep, earthy background, providing a sophisticated and grounded canvas for the golds.

text

For text, #B8860B can be used for rich secondary text on light backgrounds, or cream/white for optimal readability on #8B4513.

Accessibility notes

Ensure strong contrast for text, especially when using any of the gold tones as text on #8B4513.
Avoid using #B8860B as text on #DAA520 without careful contrast checking, as they are close in hue.
Always use #FFEB99 or a bright cream for critical text elements to ensure maximum readability.
Be mindful of color differentiation for colorblind users, particularly between the various gold and brown shades.

Recommended combinations

Pure Gold

Creates a radiant, luxurious feel, perfect for showcasing premium content or branding.

#DAA520 · #FFD700 · #FFEB99

Earthy Gold

Provides a grounded, rich progression, ideal for backgrounds or sophisticated layered designs.

#8B4513 · #B8860B · #DAA520

Forge Glow

Highlights bright accents on a deep, earthy base, suitable for glowing elements or calls to action.

#FFD700 · #FFEB99 · #8B4513

CSS variables

:root {
  --molten-gold-forge-2-1: #8B4513;
  --molten-gold-forge-2-2: #B8860B;
  --molten-gold-forge-2-3: #DAA520;
  --molten-gold-forge-2-4: #FFD700;
  --molten-gold-forge-2-5: #FFEB99;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "molten-gold-forge-2": {
        1: "#8B4513",
        2: "#B8860B",
        3: "#DAA520",
        4: "#FFD700",
        5: "#FFEB99",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#B8860B

Color 3#DAA520

Color 4#FFD700

Color 5#FFEB99

Accessibility

Contrast checker

2.2:1Fail

3.2:1AA18

5.1:1AA

5.9:1AA

2.2:1Fail

1.5:1Fail

2.3:1Fail

2.7:1Fail

3.2:1AA18

1.5:1Fail

1.6:1Fail

1.9:1Fail

5.1:1AA

2.3:1Fail

1.6:1Fail

1.2:1Fail

5.9:1AA

2.7:1Fail

1.9:1Fail

1.2:1Fail

Similar palettes

More like Molten Gold Forge

View all warm

Ancient Gold Leaf

Ancient Gold Script

Ancient Gold Tapestry

Antique Gold Locket

Art Deco Glamour

Baroque Ornament Gold