Palette

Golden Empire Sunset

A majestic palette of rich golds and bronzes, evoking the warmth of a desert empire's sunset.

WarmElegant5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#DAA520#FFD700#8B4513#D2B48C

Palette guide

How to use Golden Empire Sunset

Overview

The Golden Empire Sunset palette is a majestic blend of rich golds and bronzes, evoking the warmth and grandeur of a desert empire's sunset. With deep tones like #8B4513 and #B8860B, alongside radiant #FFD700 and the soft #D2B48C, this palette offers a sophisticated and elegant aesthetic. It's ideal for designers aiming to convey luxury, history, and a powerful, timeless beauty. This palette excels in projects requiring a majestic and opulent feel, perfect for high-end branding, luxurious web design, or editorial content with a grand narrative.

Best used for

Luxury brand identity for high-end products or services
Historical or cultural museum website design
Premium event invitations or gala marketing
High-end jewelry or watch e-commerce platforms
Interior design for opulent, classic spaces
Branding for exclusive resorts or fine dining establishments

Suggested color roles

primary

Use #FFD700 as a radiant primary for logos, key headings, or calls-to-action, signifying luxury and importance.

secondary

The rich #DAA520 serves as an excellent secondary for supporting content or interactive elements, maintaining elegance.

accent

Employ the deep #8B4513 for powerful accents, borders, or footer elements, providing a strong, grounding contrast.

background

The soft #D2B48C creates a warm, inviting, and elegant background, perfect for a refined aesthetic.

text

A deep brown like #8B4513 or #B8860B offers exceptional readability and sophistication for body text against lighter shades.

Accessibility notes

Ensure sufficient contrast for text on #D2B48C; darker shades like #8B4513 or #B8860B are essential for readability.
Avoid using light text on #FFD700 without verifying WCAG contrast ratios; it might require a darker background for accessibility.
Text in #8B4513 or #B8860B provides strong readability on #FFD700, #DAA520, and #D2B48C.
For interactive elements, use distinct colors like #FFD700 against #8B4513 for clear visual cues.

Recommended combinations

Sunset Glow

Ideal for elegant headers or hero sections, creating a warm, inviting, and luxurious first impression.

#D2B48C · #DAA520 · #FFD700

Empire Depth

Excellent for defining content blocks, navigation, or footers, adding rich, majestic depth and structure.

#B8860B · #8B4513 · #DAA520

Golden Accent

Suitable for high-impact call-to-action buttons or highlighted text, leveraging the bright gold for emphasis.

#D2B48C · #FFD700 · #8B4513

CSS variables

:root {
  --golden-empire-sunset-1: #B8860B;
  --golden-empire-sunset-2: #DAA520;
  --golden-empire-sunset-3: #FFD700;
  --golden-empire-sunset-4: #8B4513;
  --golden-empire-sunset-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-empire-sunset": {
        1: "#B8860B",
        2: "#DAA520",
        3: "#FFD700",
        4: "#8B4513",
        5: "#D2B48C",
      }
    }
  }
}

Hex values

Color 1#B8860B

Color 2#DAA520

Color 3#FFD700

Color 4#8B4513

Color 5#D2B48C

Accessibility

Contrast checker

1.5:1Fail

2.3:1Fail

2.2:1Fail

1.7:1Fail

1.5:1Fail

1.6:1Fail

3.2:1AA18

1.1:1Fail

2.3:1Fail

1.6:1Fail

5.1:1AA

1.4:1Fail

2.2:1Fail

3.2:1AA18

5.1:1AA

3.6:1AA18

1.7:1Fail

1.1:1Fail

1.4:1Fail

3.6:1AA18

Similar palettes

More like Golden Empire Sunset

Pharaoh's Golden Sands

Gilded Age

Gilded Opulence Shine