Back to palettes

Palette

Coral Dusk Horizon

A radiant blend of ocean hues meeting the fading light of an evening sky, evoking warmth and serenity.

WarmCalm5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coral Dusk 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 Coral Dusk Horizon.

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

Data visualization

#FF7F50#FFC0CB#ADD8E6#FFD700#800080

Palette guide

How to use Coral Dusk Horizon

Overview

The Coral Dusk Horizon palette is a radiant blend of ocean hues meeting the fading light of an evening sky, evoking warmth and serenity. Featuring vibrant #FF7F50 (Coral), #FFC0CB (Pink), and #ADD8E6 (Light Blue), this collection provides designers with a dynamic and inviting range. The unexpected #FFD700 (Gold) adds a brilliant sunset highlight, while #800080 (Purple) introduces a deep, mysterious touch, ensuring versatility. Developers can leverage these hues to create user interfaces that feel lively, sophisticated, and immersive, perfect for travel brands, event promotions, or any project aiming for a dramatic yet calming aesthetic. This palette is exceptionally versatile, blending warm vibrancy with cool tranquility, ideal for creating compelling and engaging digital experiences.

Best used for

  • tropical resort branding
  • sunset cruise marketing
  • beach wedding invitations
  • event planning website design
  • summer festival promotional materials
  • travel blog or app interface

Suggested color roles

primary

#FF7F50 (Coral) provides a strong, vibrant, and warm base, ideal for main brand elements, headers, or significant UI components.

secondary

#ADD8E6 (Light Blue) offers a cool, serene complement, suitable for subheadings, secondary content blocks, or calm navigation.

accent

#FFD700 (Gold) acts as a brilliant, luminous highlight. Perfect for calls-to-action, interactive elements, or to draw attention to key information with a sunset glow.

background

#FFC0CB (Pink) offers a soft, warm background that supports content with a gentle and inviting feel.

text

#800080 (Purple) provides deep, legible contrast against lighter colors in the palette. For lighter backgrounds, consider charcoal or black.

Accessibility notes

  • Ensure #800080 text has sufficient contrast against #FFC0CB or #ADD8E6 for optimal readability, meeting WCAG AA standards.
  • Avoid using #FF7F50 and #FFC0CB for text and background combinations due to their similar luminosity, especially for small text.
  • When using #FFD700 for text, reserve it for large headings or decorative elements, as its brightness can challenge readability in small sizes.
  • Check contrast ratios for all interactive elements, ensuring they are clearly distinguishable against adjacent colors.

Recommended combinations

Sunset Glow

Creates a vibrant, warm, and cheerful brand identity, excellent for playful logos and primary web sections.

#FF7F50 · #FFC0CB · #FFD700

Dusk Sky

Ideal for soft, ethereal backgrounds or subtle decorative elements, evoking lightness and a natural feel.

#ADD8E6 · #FFC0CB · #800080

Dramatic Contrast

Effective for high-impact headlines or calls-to-action against a light background, providing clear hierarchy and vibrancy.

#800080 · #FFD700 · #FF7F50

CSS variables

:root {
  --coral-dusk-horizon-1: #FF7F50;
  --coral-dusk-horizon-2: #FFC0CB;
  --coral-dusk-horizon-3: #ADD8E6;
  --coral-dusk-horizon-4: #FFD700;
  --coral-dusk-horizon-5: #800080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-dusk-horizon": {
        1: "#FF7F50",
        2: "#FFC0CB",
        3: "#ADD8E6",
        4: "#FFD700",
        5: "#800080",
      }
    }
  }
}

Related searches

coral sunset color palettebeach dusk color schemevibrant warm cool paletteserene evening sky huestropical sunset design

Palette colors

Hex values

Color 1#FF7F50
·
Color 2#FFC0CB
·
Color 3#ADD8E6
·
Color 4#FFD700
·
Color 5#800080
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.6:1Fail
1.8:1Fail
3.8:1AA18
2
1.6:1Fail
1:1Fail
1.1:1Fail
6.1:1AA
3
1.6:1Fail
1:1Fail
1.1:1Fail
6.2:1AA
4
1.8:1Fail
1.1:1Fail
1.1:1Fail
6.7:1AA
5
3.8:1AA18
6.1:1AA
6.2:1AA
6.7:1AA

Similar palettes

More like Coral Dusk Horizon

View all Warm
Coral Reef Shimmer
Autumn Foliage Charm
Golden Hour
Golden Hour Meadow
Morning Chai Spice
Patisserie Comfort Bake