Back to palettes

Palette

Golden Sunset Horizon

A brilliant spectrum of oranges and golds, depicting the radiant beauty of a sprawling sunset.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#FF8C00#FFA500#FFD700#FFFACD

Palette guide

How to use Golden Sunset Horizon

Overview

The Golden Sunset Horizon palette offers a brilliant spectrum of oranges and golds, depicting the radiant beauty of a sprawling sunset. Showcasing vivid shades like #FF8C00 and the soft glow of #FFFACD, alongside the deeper #B8860B and bright #FFD700, this collection provides a dynamic yet comforting feel. It's ideal for designers and developers aiming to capture the grandeur of nature's evening show, providing a warm and inviting visual experience. The harmonious blend of tones, including #FFA500, ensures a sophisticated and evocative aesthetic for diverse applications.

Best used for

  • Travel photography websites and portfolios
  • Luxury resort and hospitality branding
  • Evening event promotions and invitations
  • Nature documentary graphics and themes
  • Warm interior design accents
  • Romantic or aspirational marketing

Suggested color roles

primary

Use #FFA500 as a vibrant, inviting main color for prominent headings or key brand elements.

secondary

Apply #FFD700 for bright, supportive glows in backgrounds or secondary content areas.

accent

Employ #B8860B as a deep, grounding accent for calls to action, important icons, or impactful highlights.

background

Choose #FFFACD as a light, airy base that offers a subtle warmth, perfect for a welcoming canvas.

text

Select #B8860B for body text, providing excellent readability against lighter backgrounds while maintaining depth.

Accessibility notes

  • Ensure #B8860B text on #FFFACD or #FFD700 backgrounds meets WCAG AA contrast standards.
  • #FF8C00 and #FFA500 provide strong contrast against very dark text; use them strategically.
  • Avoid using #FFFACD for small or essential text to prevent readability issues.
  • For critical information on lighter backgrounds, consider black or a very dark brown text for maximum legibility.

Recommended combinations

Sunset Gradient

Ideal for smooth, radiant background transitions that evoke the fading light of dusk.

#FFFACD · #FFD700 · #FFA500

Deep Horizon

Creates a more dramatic, grounded feel, suitable for footers, strong sections, or bold statements.

#B8860B · #FF8C00 · #FFA500

Bright Glow

For vibrant highlights and energetic calls to action, capturing the brilliance of the sunset.

#FFD700 · #FFA500 · #FF8C00

CSS variables

:root {
  --golden-sunset-horizon-1: #B8860B;
  --golden-sunset-horizon-2: #FF8C00;
  --golden-sunset-horizon-3: #FFA500;
  --golden-sunset-horizon-4: #FFD700;
  --golden-sunset-horizon-5: #FFFACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-sunset-horizon": {
        1: "#B8860B",
        2: "#FF8C00",
        3: "#FFA500",
        4: "#FFD700",
        5: "#FFFACD",
      }
    }
  }
}

Related searches

sunset gold orangeradiant horizon colorswarm evening palettenature inspired goldtravel theme colors

Palette colors

Hex values

Color 1#B8860B
·
Color 2#FF8C00
·
Color 3#FFA500
·
Color 4#FFD700
·
Color 5#FFFACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.6:1Fail
2.3:1Fail
3.1:1AA18
2
1.4:1Fail
1.2:1Fail
1.7:1Fail
2.2:1Fail
3
1.6:1Fail
1.2:1Fail
1.4:1Fail
1.9:1Fail
4
2.3:1Fail
1.7:1Fail
1.4:1Fail
1.3:1Fail
5
3.1:1AA18
2.2:1Fail
1.9:1Fail
1.3:1Fail

Similar palettes

More like Golden Sunset Horizon

View all warm
Amber Nectar
Fiery Sunset
Golden Hour
Golden Hour Horizon
Horizon Ember Glow
Terra Nova Sunset