Back to palettes

Palette

Sunset Coastline Glow

Captures the gentle warmth and soft transition of colors as the sun dips below a coastal horizon.

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

#FF8C00#FF6347#FFA07A#FFDAB9#D8BFD8

Palette guide

How to use Sunset Coastline Glow

Overview

The "Sunset Coastline Glow" palette gently captures the tranquil warmth and soft transitions of colors as the sun dips below a coastal horizon. This serene collection features vibrant oranges and soft pinks, including the rich #FF8C00 (dark orange), the lively #FF6347 (tomato), and the delicate #FFA07A (light salmon). These warm hues are beautifully softened by the creamy #FFDAB9 (peach puff) and an unexpected, calming touch of lavender-gray with #D8BFD8 (thistle). Designers will find this palette perfect for creating peaceful, inviting, and subtly elegant visuals. Developers can apply these hues to wellness apps, lifestyle blogs, or any digital presence aiming for a calm, sophisticated, and naturally beautiful aesthetic.

Best used for

  • Wellness and spa brand identities
  • Coastal lifestyle blogs and e-commerce
  • Relaxation and meditation app interfaces
  • Wedding and event design (romantic themes)
  • Home decor and interior design visuals
  • Nature-inspired photography portfolios

Suggested color roles

primary

#FF6347 (A lively, warm coral, perfect for main calls to action, headlines, or dominant brand elements that feel inviting.)

secondary

#FF8C00 (A deeper, richer orange, excellent for supporting graphical elements, navigation, or strong foundational branding.)

accent

#D8BFD8 (A soft, muted lavender-gray, providing a unique cool contrast, ideal for interactive states, subtle highlights, or serene details.)

background

#FFDAB9 (A very light, creamy peach, serving as a gentle, warm, and expansive canvas for content.)

text

#FF8C00 (For dark, readable text against light backgrounds, or a deep charcoal for general body copy, ensuring good legibility.)

Accessibility notes

  • Ensure sufficient contrast between lighter shades like #FFA07A or #FFDAB9 and any overlaid text.
  • The #D8BFD8 (thistle) might have low contrast with #FFA07A or #FFDAB9 for small text; use for larger elements.
  • #FF8C00 and #FF6347 provide good contrast for white or very light text, suitable for headlines.
  • Carefully check contrast when placing text on gradients involving these warm, close-in-luminosity colors.

Recommended combinations

Coastal Calm

Creates a serene, balanced feel. #FF6347 for gentle focal points, #FFDAB9 as a soft background, and #D8BFD8 for calming accents.

#FF6347 · #FFDAB9 · #D8BFD8

Sunset Haze

For warm, inviting gradients. #FF8C00 for depth, #FFA07A for mid-tones, and #FFDAB9 for a soft, luminous edge.

#FF8C00 · #FFA07A · #FFDAB9

Ocean Whisper

Offers a unique contrast. #D8BFD8 for a distinctive cool element, with #FF6347 and #FF8C00 providing warmth and energy.

#D8BFD8 · #FF6347 · #FF8C00

CSS variables

:root {
  --sunset-coastline-glow-2-1: #FF8C00;
  --sunset-coastline-glow-2-2: #FF6347;
  --sunset-coastline-glow-2-3: #FFA07A;
  --sunset-coastline-glow-2-4: #FFDAB9;
  --sunset-coastline-glow-2-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-coastline-glow-2": {
        1: "#FF8C00",
        2: "#FF6347",
        3: "#FFA07A",
        4: "#FFDAB9",
        5: "#D8BFD8",
      }
    }
  }
}

Related searches

coastline sunset paletteorange pink purple colorspeaceful warm huescalm coastal schemeromantic sunset palette

Palette colors

Hex values

Color 1#FF8C00
·
Color 2#FF6347
·
Color 3#FFA07A
·
Color 4#FFDAB9
·
Color 5#D8BFD8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.8:1Fail
1.4:1Fail
2
1.3:1Fail
1.5:1Fail
2.2:1Fail
1.7:1Fail
3
1.2:1Fail
1.5:1Fail
1.5:1Fail
1.2:1Fail
4
1.8:1Fail
2.2:1Fail
1.5:1Fail
1.3:1Fail
5
1.4:1Fail
1.7:1Fail
1.2:1Fail
1.3: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
Autumn Cider Fireside