Back to palettes

Palette

Golden Alchemy

A lustrous blend of warm golds and ochres, suggesting ancient magic and precious, transformed metals.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Alchemy 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 Golden Alchemy.

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

Data visualization

#DAA520#B8860B#FFD700#FFAA00#E6B800

Palette guide

How to use Golden Alchemy

Overview

The "Golden Alchemy" palette is a lustrous collection of warm golds and ochres, embodying ancient magic and precious transformation. Featuring rich tones like `#DAA520`, `#B8860B`, `#FFD700`, `#FFAA00`, and `#E6B800`, it offers a consistent feeling of luxury, warmth, and value. This palette is ideal for projects that require an air of sophistication, heritage, or a touch of mystical allure. Designers can leverage its radiant quality for high-end branding, traditional design, or any context seeking to convey richness, exclusivity, and a timeless, golden glow.

Best used for

  • Luxury product and service branding
  • High-end jewelry and accessory marketing
  • Financial institutions and wealth management
  • Art gallery and antique dealer websites
  • Fantasy or historical themed game design
  • Award ceremonies and prestigious events

Suggested color roles

primary

Utilize `#FFD700` for main headings, logos, or primary brand elements, ensuring a brilliant and luxurious presence.

secondary

Employ `#DAA520` for supporting sections, subheadings, or secondary interactive elements, offering a slightly deeper gold.

accent

Apply `#FFAA00` for impactful highlights, calls-to-action, or decorative flourishes, providing a vibrant, rich glow.

background

A subtle, light cream or a soft, muted gold (e.g., #FFF8DC or a very light tint of `#E6B800`) provides an elegant base.

text

A deep, rich brown or a dark charcoal (e.g., #4A3C2E or #333333) offers optimal readability and complements the golden hues.

Accessibility notes

  • Ensure high contrast for text, especially when using lighter golds like `#FFD700` or `#E6B800` on a light background.
  • Darker text (e.g., black or dark brown) is essential for readability against all colors in this palette.
  • Avoid using similar gold shades for text and background without significant contrast differentiation.
  • Test color combinations for WCAG compliance, particularly for interactive elements and important information.

Recommended combinations

Rich Luster

Combines brilliant and deeper golds for a layered, opulent effect in branding or decorative elements.

#FFD700 · #DAA520 · #B8860B

Warm Glow

Creates a harmonious, radiant gradient, suitable for backgrounds or large graphic areas.

#E6B800 · #FFAA00 · #DAA520

Mystic Accent

Deep gold base with bright gold highlights, perfect for adding a touch of magic and luxury.

#B8860B · #FFD700 · #FFAA00

CSS variables

:root {
  --golden-alchemy-1: #DAA520;
  --golden-alchemy-2: #B8860B;
  --golden-alchemy-3: #FFD700;
  --golden-alchemy-4: #FFAA00;
  --golden-alchemy-5: #E6B800;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-alchemy": {
        1: "#DAA520",
        2: "#B8860B",
        3: "#FFD700",
        4: "#FFAA00",
        5: "#E6B800",
      }
    }
  }
}

Related searches

luxury gold color paletterich ochre toneselegant golden schemewarm metallic designalchemy inspired colors

Palette colors

Hex values

Color 1#DAA520
·
Color 2#B8860B
·
Color 3#FFD700
·
Color 4#FFAA00
·
Color 5#E6B800
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.6:1Fail
1.2:1Fail
1.2:1Fail
2
1.5:1Fail
2.3:1Fail
1.7:1Fail
1.7:1Fail
3
1.6:1Fail
2.3:1Fail
1.4:1Fail
1.3:1Fail
4
1.2:1Fail
1.7:1Fail
1.4:1Fail
1:1Fail
5
1.2:1Fail
1.7:1Fail
1.3:1Fail
1:1Fail

Similar palettes

More like Golden Alchemy

View all warm