Back to palettes

Palette

Sunbeam Horizon Glide

A radiant gradient of yellows and oranges, capturing the soft, golden light just before sunset.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbeam Horizon Glide 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 Sunbeam Horizon Glide.

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

Data visualization

#FFD700#FFC400#FFAF00#FF9900#FF8C00

Palette guide

How to use Sunbeam Horizon Glide

Overview

The Sunbeam Horizon Glide palette captures the radiant gradient of yellows and oranges at sunset, evoking the soft, golden light just before dusk. Ranging from the bright #FFD700 to the deep #FF8C00, this collection offers designers and developers a warm, vibrant, and energetic aesthetic. Key colors like #FFC400 and #FFAF00 create a smooth, intense transition, perfect for dynamic and impactful visual experiences. It's an excellent choice for projects that aim to convey warmth, excitement, and the beauty of natural phenomena, ideal for engaging and lively applications.

Best used for

  • Sunset photography and landscape art
  • Energetic branding for outdoor events or festivals
  • Travel agencies focusing on scenic destinations
  • Vibrant digital art and graphic design
  • Marketing campaigns for summer or autumn seasons
  • Dynamic web interfaces and landing pages

Suggested color roles

primary

Utilize #FFAF00 as the core color for its rich, inviting golden-orange presence, suitable for main branding and significant elements.

secondary

Apply #FFD700 for luminous highlights, calls-to-action, or to add a bright, energetic pop.

accent

Reserve #FF8C00 for strong accents, important headlines, or grounding elements that require depth and intensity.

background

Due to the palette's intensity, a light neutral (like off-white) from outside the palette is recommended for primary backgrounds, with lighter palette colors used for subtle sectioning.

text

For optimal readability, a dark charcoal or black is essential for all text, ensuring strong contrast against the bright, warm hues.

Accessibility notes

  • Critical: All colors are bright and warm. Text must be very dark (black or charcoal) for readability on any of these backgrounds.
  • Ensure WCAG AA or AAA contrast ratios for all text and interactive elements, as this palette presents significant challenges.
  • Avoid using any of the palette colors for text on another palette color without rigorous contrast testing.
  • Consider using larger font sizes and bolding for all text to enhance readability against these vibrant tones.

Recommended combinations

Sunset Gradient

Ideal for hero sections, banners, or visual elements requiring a smooth, radiant transition from bright yellow to rich orange.

#FFD700 · #FFC400 · #FFAF00

Horizon Blaze

Effective for creating a sense of deep, intense warmth and energy, suitable for impactful visual statements.

#FF9900 · #FF8C00 · #FFAF00

Golden Radiance

Perfect for creating a dynamic layout that combines bright highlights with deep, rich anchors, reflecting the sun's full spectrum.

#FFD700 · #FF8C00 · #FFC400

CSS variables

:root {
  --sunbeam-horizon-glide-1: #FFD700;
  --sunbeam-horizon-glide-2: #FFC400;
  --sunbeam-horizon-glide-3: #FFAF00;
  --sunbeam-horizon-glide-4: #FF9900;
  --sunbeam-horizon-glide-5: #FF8C00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbeam-horizon-glide": {
        1: "#FFD700",
        2: "#FFC400",
        3: "#FFAF00",
        4: "#FF9900",
        5: "#FF8C00",
      }
    }
  }
}

Related searches

sunset gold orangehorizon color paletteradiant warm schemevibrant yellow orangeenergetic sunrise colors

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFC400
·
Color 3#FFAF00
·
Color 4#FF9900
·
Color 5#FF8C00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.5:1Fail
1.7:1Fail
2
1.1:1Fail
1.2:1Fail
1.3:1Fail
1.5:1Fail
3
1.3:1Fail
1.2:1Fail
1.2:1Fail
1.3:1Fail
4
1.5:1Fail
1.3:1Fail
1.2:1Fail
1.1:1Fail
5
1.7:1Fail
1.5:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Sunbeam Horizon Glide

View all warm
Golden Hour Meadow
Harvest Golden Hour
Sun-Drenched Patio
Amber Wheat Harvest
Bohemian Desert Bloom
Desert Cactus Bloom