Back to palettes

Palette

Gilded Omen

A lustrous spectrum of deep gold to warm amber, evoking ancient treasures and luxury.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gilded Omen 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 Gilded Omen.

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

Data visualization

#F8B122#E8A31D#D89518#C88713#B8790E

Palette guide

How to use Gilded Omen

Overview

The Gilded Omen palette presents a lustrous spectrum of deep gold to warm amber, evoking ancient treasures and undeniable luxury through hues like #F8B122 and #B8790E. This monochromatic collection, featuring #E8A31D, #D89518, and #C88713, is ideal for designers aiming to convey opulence, richness, and a radiant glow. Developers can leverage these hues to create visually impactful interfaces for high-end brands, financial institutions, or prestigious award ceremonies. The palette's cohesive golden tones ensure a harmonious and striking design, perfect for projects that demand a powerful sense of value and prestige.

Best used for

  • Luxury brand logos and identity
  • Financial services marketing
  • High-end product packaging
  • Award ceremony branding
  • Opulent event decor and invitations
  • Digital interfaces requiring a rich, warm glow

Suggested color roles

primary

Use #D89518 (Rich Amber Gold) as a balanced, central gold tone for primary branding, headings, or main features.

secondary

Apply #C88713 (Deep Gold) to add depth and gravitas to secondary elements, borders, or background textures.

accent

Utilize #F8B122 (Brightest Gold) for luminous highlights, calls to action, or interactive elements to maximize impact.

background

Employ #B8790E (Darkest Gold/Bronze) as a deep, warm base that allows lighter golds to shine brightly, creating contrast.

text

For headings on dark backgrounds, #F8B122 is ideal. For body text, use a very dark charcoal or black on lighter golds for readability.

Accessibility notes

  • Due to the monochromatic nature, ensure white or black text is used on these golds for sufficient contrast, especially for body text.
  • #F8B122 on #B8790E might pass contrast for large text, but generally use a starker contrast for body text for optimal readability.
  • Avoid using adjacent gold shades for text and background in critical areas to prevent readability issues.
  • For accessible body text, consider a very dark brown or black on #F8B122 or #E8A31D to meet WCAG standards.

Recommended combinations

Luminous Gradient

Excellent for creating a smooth, shining metallic effect in backgrounds, UI elements, or decorative features.

#F8B122 · #E8A31D · #D89518

Deep Treasure

Provides a rich, ancient feel for impactful headings, sophisticated branding, or luxurious design elements.

#B8790E · #C88713 · #F8B122

Golden Glow

Perfect for highlighting key information or adding a radiant, luxurious touch to any design component.

#D89518 · #F8B122 · #B8790E

CSS variables

:root {
  --gilded-omen-1: #F8B122;
  --gilded-omen-2: #E8A31D;
  --gilded-omen-3: #D89518;
  --gilded-omen-4: #C88713;
  --gilded-omen-5: #B8790E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-omen": {
        1: "#F8B122",
        2: "#E8A31D",
        3: "#D89518",
        4: "#C88713",
        5: "#B8790E",
      }
    }
  }
}

Related searches

monochromatic gold yellowamber gold color paletteluxury treasure colorsrich metallic goldopulent warm gold scheme

Palette colors

Hex values

Color 1#F8B122
·
Color 2#E8A31D
·
Color 3#D89518
·
Color 4#C88713
·
Color 5#B8790E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.6:1Fail
2:1Fail
2
1.2:1Fail
1.2:1Fail
1.4:1Fail
1.7:1Fail
3
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail
4
1.6:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
5
2:1Fail
1.7:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Gilded Omen

View all warm