Palette

Fiery Bloom Horizon

Bold reds and glowing oranges burst with the passionate energy of a sun-kissed floral landscape at dusk.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fiery Bloom 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 Fiery Bloom Horizon.

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

Data visualization

#CD5C5C#FF6347#FFA07A#FFD700#FFEFD5

Palette guide

How to use Fiery Bloom Horizon

Overview

The Fiery Bloom Horizon palette bursts with the passionate energy of a sun-kissed floral landscape at dusk. This vibrant collection features bold reds like #CD5C5C and #FF6347, glowing oranges such as #FFA07A, and a brilliant yellow #FFD700, all softened by a delicate near-white #FFEFD5. Ideal for designers and developers aiming to create energetic yet inviting experiences, this palette provides versatility for both foreground vibrancy and gentle backdrops. It's perfect for projects requiring a blend of intensity and warmth, reminiscent of a beautiful sunset.

Best used for

vibrant event branding
fashion and beauty websites
spring/summer marketing campaigns
floral design applications
travel brochures and websites
energetic mobile app interfaces

Suggested color roles

primary

#FF6347 for high-impact calls to action or prominent headings.

secondary

#CD5C5C for supporting elements, adding depth and warmth to content blocks.

accent

#FFD700 to draw attention to key details, icons, or interactive elements.

background

#FFEFD5 provides a light, airy canvas, or #FFA07A for a warmer, soft background.

text

Use a deep charcoal or black for readability against lighter colors, or white for contrast on #CD5C5C and #FF6347.

Accessibility notes

Ensure sufficient contrast when using #CD5C5C or #FF6347 for text on #FFA07A or #FFEFD5 backgrounds.
Always test text legibility for #FFD700 on light backgrounds; consider a darker text color.
White text will generally contrast well against #CD5C5C and #FF6347.
Avoid placing #FFA07A text directly on #FFEFD5 without significant size or weight to ensure readability.

Recommended combinations

Sunset Pop

Creates a warm, inviting gradient ideal for hero sections or product displays.

#FFEFD5 · #FFA07A · #FF6347

Floral Energy

Bold and energetic combination for call-to-action buttons or highlighted information.

#CD5C5C · #FFD700 · #FF6347

Soft Horizon

Gentle backdrop with a warm accent, suitable for elegant branding or informational pages.

#FFEFD5 · #FFA07A · #CD5C5C

CSS variables

:root {
  --fiery-bloom-horizon-1: #CD5C5C;
  --fiery-bloom-horizon-2: #FF6347;
  --fiery-bloom-horizon-3: #FFA07A;
  --fiery-bloom-horizon-4: #FFD700;
  --fiery-bloom-horizon-5: #FFEFD5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fiery-bloom-horizon": {
        1: "#CD5C5C",
        2: "#FF6347",
        3: "#FFA07A",
        4: "#FFD700",
        5: "#FFEFD5",
      }
    }
  }
}

Hex values

Color 1#CD5C5C

Color 2#FF6347

Color 3#FFA07A

Color 4#FFD700

Color 5#FFEFD5

Accessibility

Contrast checker

1.3:1Fail

2:1Fail

2.8:1Fail

3.5:1AA18

1.3:1Fail

1.5:1Fail

2.1:1Fail

2.6:1Fail

2:1Fail

1.5:1Fail

1.4:1Fail

1.8:1Fail

2.8:1Fail

2.1:1Fail

1.4:1Fail

1.2:1Fail

3.5:1AA18

2.6:1Fail

1.8:1Fail

1.2:1Fail

Similar palettes

More like Fiery Bloom Horizon

View all vibrant

Crimson Horizon Blaze

Vivid Horizon

Coastal Sunset Blaze

Crimson Horizon

Crimson Horizon Vista

Electric Sunset Glow