Back to palettes

Palette

Sunset Coastline Glow

The soft, warm embrace of a setting sun over a serene, sandy coast.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Coastline Glow 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 Coastline Glow.

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

Data visualization

#E9967A#FF7F50#FFA07A#FFD700#FFEFD5

Palette guide

How to use Sunset Coastline Glow

Overview

The Sunset Coastline Glow palette evokes the tranquil beauty of a setting sun over a serene beach, perfect for designs requiring warmth and softness. Featuring a vibrant coral-orange, #FF7F50, complemented by the gentle peach of #E9967A and the radiant gold of #FFD700, this palette is ideal for creating inviting digital experiences. The light, airy cream, #FFEFD5, provides a perfect base, ensuring readability and a sense of openness. Designers can leverage these hues for branding that feels approachable, web interfaces that are calm yet engaging, or marketing materials that convey relaxation and natural beauty. This palette's harmony of warm tones, including #FFA07A, makes it incredibly versatile for conveying a sense of peace and golden hour charm.

Best used for

  • Beach resort branding and websites
  • Summer fashion collections
  • Wellness and spa promotional materials
  • Travel blogs and photography portfolios
  • Wedding invitations and event decor
  • Cozy home decor e-commerce sites

Suggested color roles

primary

Use #FF7F50 (Coral Orange) for prominent calls-to-action, main navigation elements, or key brand accents to draw immediate attention.

secondary

Apply #E9967A (Light Salmon) for supporting elements, secondary buttons, or large content blocks to add warmth without overwhelming.

accent

Highlight with #FFD700 (Gold) for icons, subtle hover states, or decorative elements to introduce a touch of radiance and luxury.

background

Utilize #FFEFD5 (Old Lace) as a clean, soft background color for most content areas, ensuring excellent readability and a light, airy feel.

text

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

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter shades like #FFEFD5 for backgrounds.
  • Test the contrast of #FFD700 (Gold) against both light and dark backgrounds; it may struggle on light surfaces.
  • Verify that interactive elements using #FF7F50 (Coral Orange) have a clear visual focus state for users with low vision.
  • Avoid placing #E9967A and #FFA07A directly adjacent for small text or icons due to their similar luminosity.

Recommended combinations

Warm Horizon

Ideal for gradients or layered UI elements, with #FFEFD5 as a base, #FFA07A for mid-tones, and #FF7F50 for highlights.

#FFEFD5 · #FFA07A · #FF7F50

Golden Touch

Combine #E9967A for headings, #FFD700 for icons, and #FF7F50 for calls-to-action to create an inviting, active design.

#E9967A · #FFD700 · #FF7F50

Soft Glow

Excellent for subtle branding, background patterns, or illustrations where a gentle, harmonious blend is desired.

#FFEFD5 · #E9967A · #FFA07A

CSS variables

:root {
  --sunset-coastline-glow-1: #E9967A;
  --sunset-coastline-glow-2: #FF7F50;
  --sunset-coastline-glow-3: #FFA07A;
  --sunset-coastline-glow-4: #FFD700;
  --sunset-coastline-glow-5: #FFEFD5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-coastline-glow": {
        1: "#E9967A",
        2: "#FF7F50",
        3: "#FFA07A",
        4: "#FFD700",
        5: "#FFEFD5",
      }
    }
  }
}

Related searches

sunset color palettebeach themed colorswarm summer palettecoastal design colorsorange pink yellow palette

Palette colors

Hex values

Color 1#E9967A
·
Color 2#FF7F50
·
Color 3#FFA07A
·
Color 4#FFD700
·
Color 5#FFEFD5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.6:1Fail
2:1Fail
2
1.1:1Fail
1.3:1Fail
1.8:1Fail
2.2:1Fail
3
1.2:1Fail
1.3:1Fail
1.4:1Fail
1.8:1Fail
4
1.6:1Fail
1.8:1Fail
1.4:1Fail
1.2:1Fail
5
2:1Fail
2.2:1Fail
1.8:1Fail
1.2:1Fail

Similar palettes

More like Sunset Coastline Glow

View all warm
Sundown Glow
Sunset Coastline Glow
Golden Hour Mist
Horizon Shore Glow
Saffron Dusk Glow
Soft Summer Sunset