Palette

Sunset Horizon Flush

The warm, ethereal glow of late afternoon sun, casting long shadows and bathing everything in a soft, golden light.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E68A00#FFA500#FFC14A#FFE08B#FFF6E0

Palette guide

How to use Sunset Horizon Flush

Overview

The Sunset Horizon Flush palette captures the warm, ethereal glow of late afternoon sun, casting long shadows and bathing everything in a soft, golden light. This collection features a beautiful progression of oranges and yellows, from the deep, rich #E68A00 and vibrant #FFA500 to the luminous #FFC14A. The lightest shades, #FFE08B and the near-white #FFF6E0, provide an expansive, airy feel, perfect for delicate highlights and backgrounds. Designers can utilize this palette for projects aiming to convey warmth, optimism, and natural beauty. It’s particularly effective for branding, web interfaces, or marketing materials that seek to evoke a sense of calm, inviting radiance and a golden hour aesthetic.

Best used for

Spa and wellness branding
Luxury travel agencies
Morning routine apps
Boutique hotel websites
Natural beauty product lines
Wedding and event planning

Suggested color roles

primary

Use #E68A00 (Deep Orange) for prominent calls-to-action, key headings, or brand elements to create a warm, inviting focal point.

secondary

Apply #FFA500 (Orange) for supporting elements, secondary buttons, or large content blocks to add vibrancy and energy.

accent

Highlight with #FFC14A (Light Orange) for interactive states, small icons, or subtle decorative lines, adding a gentle glow.

background

Utilize #FFF6E0 (Creamy White) as a clean, soft background color, ensuring excellent readability and a light, airy feel.

text

For body text, a dark brown or charcoal (#333333 or similar) provides optimal contrast against the lighter palette shades, reinforcing warmth.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using #FFF6E0 for backgrounds; prefer dark text.
Test the contrast of #FFE08B against other light colors; avoid using it for small text or critical information on light backgrounds.
Verify that interactive elements using #E68A00 have a clear visual focus state for users with low vision.
Avoid placing #FFC14A and #FFE08B directly adjacent for small text or icons due to their similar luminosity.

Recommended combinations

Golden Glow

Ideal for soft gradients or layered UI elements, with #FFF6E0 as a base, #FFE08B for mid-tones, and #FFA500 for highlights.

#FFF6E0 · #FFE08B · #FFA500

Horizon Depth

Combine #E68A00 for strong accents, #FFC14A for secondary elements, and #FFF6E0 for a clean, contrasting background.

#E68A00 · #FFC14A · #FFF6E0

Sun Kissed

Perfect for vibrant headings, subtle patterns, or graphical elements where a dynamic yet harmonious blend is desired.

#FFA500 · #FFE08B · #E68A00

CSS variables

:root {
  --sunset-horizon-flush-1: #E68A00;
  --sunset-horizon-flush-2: #FFA500;
  --sunset-horizon-flush-3: #FFC14A;
  --sunset-horizon-flush-4: #FFE08B;
  --sunset-horizon-flush-5: #FFF6E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-horizon-flush": {
        1: "#E68A00",
        2: "#FFA500",
        3: "#FFC14A",
        4: "#FFE08B",
        5: "#FFF6E0",
      }
    }
  }
}

Hex values

Color 1#E68A00

Color 2#FFA500

Color 3#FFC14A

Color 4#FFE08B

Color 5#FFF6E0

Accessibility

Contrast checker

1.3:1Fail

1.6:1Fail

2:1Fail

2.4:1Fail

1.3:1Fail

1.2:1Fail

1.5:1Fail

1.8:1Fail

1.6:1Fail

1.2:1Fail

1.3:1Fail

1.5:1Fail

2:1Fail

1.5:1Fail

1.3:1Fail

1.2:1Fail

2.4:1Fail

1.8:1Fail

1.5:1Fail

1.2:1Fail

Similar palettes

More like Sunset Horizon Flush

Sunset Horizon Flush

See it in context.

Ready when you are.

Built with Sunset Horizon Flush.

How to use Sunset Horizon Flush

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Golden Glow

Horizon Depth

Sun Kissed

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sunset Horizon Flush