Palette

Horizon Shore Glow

A peaceful gradient from warm sandy oranges to cool twilight blues, blending sea and sky.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Horizon Shore 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 Horizon Shore Glow.

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

Data visualization

#FFA07A#FFDAB9#F0E68C#87CEEB#4682B4

Palette guide

How to use Horizon Shore Glow

Overview

The "Horizon Shore Glow" palette offers a serene blend of warm and cool tones, evoking the tranquil beauty of a sunset over the coast. Featuring vibrant #FFA07A (Light Salmon) and soft #FFDAB9 (Peach Puff), it transitions smoothly into the earthy #F0E68C (Khaki), before embracing the refreshing #87CEEB (Sky Blue) and deep #4682B4 (Steel Blue). This versatile scheme is ideal for projects aiming to convey peace, natural beauty, and a harmonious balance between fiery skies and calming waters. Designers and developers can leverage its gentle gradients for inviting user interfaces or captivating visual narratives.

Best used for

Coastal resort and tourism branding
Nature-inspired website and app UIs
Relaxation or wellness product packaging
Travel blog designs and photography portfolios
Summer fashion lookbooks and editorial layouts
Beach-themed event invitations and decor

Suggested color roles

primary

#4682B4 (Steel Blue) - Provides a stable, anchoring base, reminiscent of deep ocean waters or twilight skies, ideal for main navigation or large header elements.

secondary

#87CEEB (Sky Blue) - A lighter, airy blue that complements the primary, excellent for secondary buttons, infographics, or background sections.

accent

#FFA07A (Light Salmon) - A vibrant, energetic pop, perfect for calls-to-action, highlights, or small decorative elements to draw attention.

background

#FFDAB9 (Peach Puff) - A soft, warm, near-neutral base that allows other colors to stand out gently, suitable for main content areas or subtle page backgrounds.

text

#4682B4 (Steel Blue) or a dark charcoal - The rich #4682B4 offers excellent readability on lighter backgrounds like #FFDAB9 or #F0E68C, or opt for a near-black for maximum contrast.

Accessibility notes

Ensure sufficient contrast when pairing lighter tones like #FFDAB9 or #F0E68C for text against other light backgrounds.
#4682B4 provides strong contrast for text on #FFDAB9, #F0E68C, and #FFA07A, making it a reliable choice for body copy.
Avoid using #FFDAB9 text on #F0E68C backgrounds, as their proximity in lightness can lead to poor legibility, especially for small text.
Test all text and interactive element color combinations using WCAG contrast checkers to meet accessibility standards.

Recommended combinations

Sunset Warmth

Ideal for creating an inviting, cozy feel in headers, hero sections, or product showcases.

#FFA07A · #FFDAB9 · #F0E68C

Ocean Twilight

Perfect for conveying calm, professionalism, or a natural, fresh aesthetic in digital interfaces or informational graphics.

#87CEEB · #4682B4 · #F0E68C

Coastal Harmony

A balanced trio for branding, balancing warmth and coolness, suitable for logos or feature blocks.

#FFA07A · #4682B4 · #FFDAB9

CSS variables

:root {
  --horizon-shore-glow-1: #FFA07A;
  --horizon-shore-glow-2: #FFDAB9;
  --horizon-shore-glow-3: #F0E68C;
  --horizon-shore-glow-4: #87CEEB;
  --horizon-shore-glow-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "horizon-shore-glow": {
        1: "#FFA07A",
        2: "#FFDAB9",
        3: "#F0E68C",
        4: "#87CEEB",
        5: "#4682B4",
      }
    }
  }
}

Hex values

Color 1#FFA07A

Color 2#FFDAB9

Color 3#F0E68C

Color 4#87CEEB

Color 5#4682B4

Accessibility

Contrast checker

1.5:1Fail

1.6:1Fail

1.1:1Fail

2.1:1Fail

1.5:1Fail

1:1Fail

1.3:1Fail

3.1:1AA18

1.6:1Fail

1:1Fail

1.4:1Fail

3.2:1AA18

1.1:1Fail

1.3:1Fail

1.4:1Fail

2.4:1Fail

2.1:1Fail

3.1:1AA18

3.2:1AA18

2.4:1Fail

Similar palettes

More like Horizon Shore Glow

Golden Horizon Warmth

Golden Hour Fields

Golden Hour Mist