Palette

Coral Sunset Blaze

Fiery oranges and soft reds combine, echoing a beautiful tropical sunset over the ocean.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coral Sunset Blaze 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 Coral Sunset Blaze.

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

Data visualization

#FF7F50#FF6347#FA8072#E9967A#F08080

Palette guide

How to use Coral Sunset Blaze

Overview

The Coral Sunset Blaze palette is a fiery and intense collection of oranges and soft reds, echoing a beautiful tropical sunset over the ocean. It features the vibrant Coral #FF7F50 and Tomato #FF6347, complemented by the slightly softer Salmon #FA8072 and Dark Salmon #E9967A, culminating in the warm Light Coral #F08080. This warm, energetic, and cohesive palette is perfect for designs that aim to evoke passion, warmth, and the dramatic beauty of a sunset, making it ideal for high-energy branding, summer campaigns, or captivating digital art.

Best used for

Tropical beach resort branding
Summer fashion and accessories
Food and beverage products (spicy, warm)
Sunset photography websites
Event promotions with a warm, lively theme
Social media graphics for travel and leisure

Suggested color roles

primary

Use Tomato #FF6347 for calls-to-action or main headings to create immediate impact and energy.

secondary

Coral #FF7F50 can support primary elements or be used for sub-sections, maintaining warmth.

accent

Salmon #FA8072 provides a slightly softer highlight for details or decorative elements.

background

A very light cream or pale peach would provide an excellent warm, luminous base.

text

A deep brown or charcoal provides optimal readability against these vibrant hues.

Accessibility notes

All colors in this palette are relatively bright; test contrast carefully with white text.
#E9967A and #F08080 may not meet WCAG AA contrast with white text.
#FF7F50 and #FF6347 provide better contrast with white, but still require verification.
Always verify contrast ratios for all text and interactive elements.

Recommended combinations

Fiery Gradient

Ideal for warm backgrounds, banners, or elements evoking intense sunset warmth.

#FF7F50 · #FF6347 · #FA8072

Blazing Accents

Excellent for creating dynamic patterns, highlights, or energetic calls-to-action.

#FF6347 · #E9967A · #F08080

Soft Glow

Use for subtle branding elements, overlays, or backgrounds that need a softer, inviting touch.

#FA8072 · #E9967A · #FF7F50

CSS variables

:root {
  --coral-sunset-blaze-1: #FF7F50;
  --coral-sunset-blaze-2: #FF6347;
  --coral-sunset-blaze-3: #FA8072;
  --coral-sunset-blaze-4: #E9967A;
  --coral-sunset-blaze-5: #F08080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-sunset-blaze": {
        1: "#FF7F50",
        2: "#FF6347",
        3: "#FA8072",
        4: "#E9967A",
        5: "#F08080",
      }
    }
  }
}

Hex values

Color 1#FF7F50

Color 2#FF6347

Color 3#FA8072

Color 4#E9967A

Color 5#F08080

Accessibility

Contrast checker

1.2:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.2:1Fail

1.3:1Fail

1.1:1Fail

1:1Fail

1.2:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1.3:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

Similar palettes

More like Coral Sunset Blaze

Coral Sunset Blaze

See it in context.

Ready when you are.

Built with Coral Sunset Blaze.

How to use Coral Sunset Blaze

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Fiery Gradient

Blazing Accents

Soft Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Coral Sunset Blaze