Back to palettes

Palette

Sunset Beach Glass

Captures the fiery warmth of a beach sunset, with glimmers of sea glass reflecting the sky.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Beach Glass 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 Beach Glass.

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

Data visualization

#FFA07A#FF7F50#B22222#F5DEB3#87CEEB

Palette guide

How to use Sunset Beach Glass

Overview

The "Sunset Beach Glass" palette beautifully marries the fiery warmth of a beach sunset with the cool, reflective qualities of sea glass. It offers a captivating blend of warm oranges and reds, including the soft #FFA07A, vibrant #FF7F50, and bold #B22222, expertly balanced by the sandy #F5DEB3 and serene #87CEEB. This palette is perfect for designers aiming to evoke a natural, calming, yet subtly energetic mood. Developers can utilize these hues for travel-related websites, serene lifestyle apps, or any digital product seeking a refreshing, earthy aesthetic with a touch of coastal charm.

Best used for

  • Coastal resort or travel agency websites
  • Eco-friendly product branding
  • Relaxation and meditation app interfaces
  • Beach-themed wedding invitations
  • Home decor and interior design visuals
  • Nature photography portfolios

Suggested color roles

primary

#FF7F50 (A lively coral-orange, excellent for main calls to action, primary headings, or energetic brand elements.)

secondary

#B22222 (A deep, rich brick red, offering strong contrast for important sections, navigation, or bold statements.)

accent

#87CEEB (A soft sky blue, providing a refreshing, cool accent against the warm tones, ideal for interactive states or subtle highlights.)

background

#F5DEB3 (A gentle, sandy cream, serving as a warm and inviting background for content.)

text

#B22222 (For dark, legible text against light backgrounds, or a very dark gray for general body copy.)

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter shades like #FFA07A on #F5DEB3.
  • The #87CEEB (blue) might need careful contrast checks when used with lighter warm tones for text or interactive elements.
  • #B22222 provides excellent contrast for white or very light text, making it suitable for headlines or buttons.
  • Avoid using #FFA07A and #FF7F50 in close proximity for critical information due to their similar luminosities.

Recommended combinations

Sunset Sands

Creates a warm, earthy feel. #B22222 for strong headers, #FFA07A for supporting graphics, and #F5DEB3 for backgrounds.

#B22222 · #FFA07A · #F5DEB3

Ocean Glimmer

Balances warmth with cool. #FF7F50 as a main highlight, #87CEEB for fresh accents, and #F5DEB3 for a clean base.

#FF7F50 · #87CEEB · #F5DEB3

Beach Horizon

For dramatic yet natural visuals. #B22222 for strong elements, #87CEEB for sky-like contrast, and #FFA07A for sunset warmth.

#B22222 · #87CEEB · #FFA07A

CSS variables

:root {
  --sunset-beach-glass-1: #FFA07A;
  --sunset-beach-glass-2: #FF7F50;
  --sunset-beach-glass-3: #B22222;
  --sunset-beach-glass-4: #F5DEB3;
  --sunset-beach-glass-5: #87CEEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-beach-glass": {
        1: "#FFA07A",
        2: "#FF7F50",
        3: "#B22222",
        4: "#F5DEB3",
        5: "#87CEEB",
      }
    }
  }
}

Related searches

beach sunset color palettecoastal color schemewarm cool nature colorssea glass huesorange blue cream palette

Palette colors

Hex values

Color 1#FFA07A
·
Color 2#FF7F50
·
Color 3#B22222
·
Color 4#F5DEB3
·
Color 5#87CEEB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
3.4:1AA18
1.5:1Fail
1.1:1Fail
2
1.3:1Fail
2.7:1Fail
1.9:1Fail
1.4:1Fail
3
3.4:1AA18
2.7:1Fail
5.1:1AA
3.8:1AA18
4
1.5:1Fail
1.9:1Fail
5.1:1AA
1.3:1Fail
5
1.1:1Fail
1.4:1Fail
3.8:1AA18
1.3:1Fail

Similar palettes

More like Sunset Beach Glass

View all warm
Autumn Orchard Sunset
Bohemian Sunset Bloom
Bohemian Sunset Glow
Boho Sunset Dream
Bonfire Ember Sands
Canyon Dusk Ember