Back to palettes

Palette

Golden Ratio Warmth

A sophisticated array of rich golden and bronze tones, reflecting classic beauty and natural elegance.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#DAA520#FFD700#F0E68C#D1A176

Palette guide

How to use Golden Ratio Warmth

Overview

The Golden Ratio Warmth palette presents a sophisticated array of rich golden and bronze tones, reflecting classic beauty and natural elegance. It features a vibrant #FFD700, balanced by the refined #DAA520 and the deeper #B8860B. A soft #F0E68C provides a gentle base, while the unique #D1A176 adds a touch of earthy warmth. This collection is exceptionally useful for designers and developers aiming to create luxurious, elegant, and timeless designs. It’s perfect for projects that require a sense of established quality, understated opulence, and a connection to classic aesthetic principles, ensuring a premium user experience.

Best used for

  • Luxury product branding and packaging
  • High-end jewelry websites and marketing
  • Art and design portfolios
  • Classic interior decor concepts
  • Elegant event stationery and invitations
  • Professional corporate identity

Suggested color roles

primary

Use #DAA520 as a balanced, sophisticated gold for primary branding elements, conveying refinement and quality.

secondary

Apply #B8860B as a deeper, grounding bronze for subheadings, navigation, or rich background sections.

accent

Incorporate #FFD700 as a bright, luxurious highlight for key calls to action, awards, or subtle decorative details.

background

Utilize #F0E68C as a soft, muted golden yellow for background areas, offering a warm and elegant base.

text

Employ #B8860B as a rich, dark gold for elegant readability in headings, or black for maximum contrast in body text on #F0E68C.

Accessibility notes

  • For body text, use #B8860B or black on #F0E68C for good contrast and readability; test thoroughly for smaller fonts.
  • #FFD700 should be used as an accent or with very dark text to ensure readability, as its brightness can challenging.
  • The warm tones can be challenging for contrast; always test combinations, especially for interactive elements like links.
  • Consider using a darker neutral like charcoal for secondary text on light backgrounds to ensure optimal clarity.

Recommended combinations

Classic Gold

Ideal for primary branding, sophisticated UI, or designs emphasizing timeless elegance and quality.

#DAA520 · #B8860B · #F0E68C

Luxurious Shine

Perfect for highlights, calls to action, or elements needing a touch of opulence and visual sparkle.

#FFD700 · #DAA520 · #D1A176

Elegant Earth

Great for background textures, subtle elements, or sections requiring an organic yet refined feel.

#D1A176 · #B8860B · #F0E68C

CSS variables

:root {
  --golden-ratio-warmth-1: #B8860B;
  --golden-ratio-warmth-2: #DAA520;
  --golden-ratio-warmth-3: #FFD700;
  --golden-ratio-warmth-4: #F0E68C;
  --golden-ratio-warmth-5: #D1A176;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-ratio-warmth": {
        1: "#B8860B",
        2: "#DAA520",
        3: "#FFD700",
        4: "#F0E68C",
        5: "#D1A176",
      }
    }
  }
}

Related searches

sophisticated gold paletteelegant warm colorsluxury brand color schemeclassic golden tonesbronze and gold design

Palette colors

Hex values

Color 1#B8860B
·
Color 2#DAA520
·
Color 3#FFD700
·
Color 4#F0E68C
·
Color 5#D1A176
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
2.5:1Fail
1.4:1Fail
2
1.5:1Fail
1.6:1Fail
1.7:1Fail
1:1Fail
3
2.3:1Fail
1.6:1Fail
1.1:1Fail
1.7:1Fail
4
2.5:1Fail
1.7:1Fail
1.1:1Fail
1.8:1Fail
5
1.4:1Fail
1:1Fail
1.7:1Fail
1.8:1Fail

Similar palettes

More like Golden Ratio Warmth

View all warm
Ancient Saffron Silk
Calligraphy Gold Leaf
Copper Dusk
Cozy Spiced Delight
Gilded Age Ballroom
Regal Tapestry Gold