Back to palettes

Palette

Golden Horizon Warmth

The warm, captivating glow of the sun just before it dips below the horizon, painting the sky.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F9D03D#F1B24A#E4934C#C85C5B#A53860

Palette guide

How to use Golden Horizon Warmth

Overview

The Golden Horizon Warmth palette captures the captivating glow of the sun just before it dips below the horizon, painting the sky with rich, evolving hues. It transitions beautifully from the bright #F9D03D and warm #F1B24A to the deeper, more intense #E4934C. The inclusion of the rosy #C85C5B and the sophisticated plum #A53860 adds a romantic, dramatic flair, moving beyond traditional golds. This palette is exceptionally useful for designers and developers seeking to evoke sunset moods, warmth, and a touch of elegance. It's perfect for branding, digital art, or interfaces that require a rich, evolving color story.

Best used for

  • Travel and tourism websites
  • Romantic event invitations
  • Luxury lifestyle branding
  • Sunset photography portfolios
  • Fashion and beauty campaigns
  • Spa and wellness branding

Suggested color roles

primary

#F9D03D - A bright, optimistic yellow-gold, excellent for primary branding elements, calls to action, or hero sections needing to feel luminous and inviting.

secondary

#E4934C - A rich, warm orange, suitable for supporting headers, important information, or sections that require a deeper sense of warmth and energy.

accent

#A53860 - A sophisticated, deep plum, perfect for subtle accents, interactive states, or high-contrast details that add elegance and depth.

background

#F1B24A - A soft, inviting orange-gold, ideal for backgrounds that provide warmth without being too intense, allowing content to remain legible.

text

#C85C5B - A warm, rosy red, suitable for headings and prominent text. For body copy, a very dark charcoal or black is recommended against lighter backgrounds to ensure optimal readability.

Accessibility notes

  • Ensure #A53860 provides sufficient contrast on #F9D03D or #F1B24A for text.
  • Avoid using #F9D03D or #F1B24A for small text on white backgrounds.
  • Always verify contrast ratios for all text and interactive elements, especially with the lighter golds, to meet WCAG standards.

Recommended combinations

Sunset Radiance

Creates a vibrant, glowing transition, ideal for hero images, gradients, or emphasizing key information with warmth.

#F9D03D · #F1B24A · #E4934C

Horizon Depth

A rich, dramatic combination, perfect for sophisticated backgrounds, bold typography, or elegant brand elements with depth.

#E4934C · #C85C5B · #A53860

Warm Contrast

Use the softer orange-gold as a base, with the deep plum for strong contrast in text or icons, brightened by the lightest gold.

#F1B24A · #A53860 · #F9D03D

CSS variables

:root {
  --golden-horizon-warmth-1: #F9D03D;
  --golden-horizon-warmth-2: #F1B24A;
  --golden-horizon-warmth-3: #E4934C;
  --golden-horizon-warmth-4: #C85C5B;
  --golden-horizon-warmth-5: #A53860;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-horizon-warmth": {
        1: "#F9D03D",
        2: "#F1B24A",
        3: "#E4934C",
        4: "#C85C5B",
        5: "#A53860",
      }
    }
  }
}

Related searches

sunset color palettewarm horizon huesgolden red schemeromantic twilight colorsvibrant amber design

Palette colors

Hex values

Color 1#F9D03D
·
Color 2#F1B24A
·
Color 3#E4934C
·
Color 4#C85C5B
·
Color 5#A53860
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.7:1Fail
4.2:1AA18
2
1.3:1Fail
1.3:1Fail
2.2:1Fail
3.4:1AA18
3
1.6:1Fail
1.3:1Fail
1.7:1Fail
2.6:1Fail
4
2.7:1Fail
2.2:1Fail
1.7:1Fail
1.5:1Fail
5
4.2:1AA18
3.4:1AA18
2.6:1Fail
1.5:1Fail

Similar palettes

More like Golden Horizon Warmth

View all warm