Back to palettes

Palette

Seaside Evening Blush

Gentle blues and soft grays capture the tranquil hues of a serene coastal sunset.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Seaside Evening Blush 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 Seaside Evening Blush.

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

Data visualization

#2B3E50#5A728A#8DB1CB#C7D8E7#EDF3F8

Palette guide

How to use Seaside Evening Blush

Overview

The Seaside Evening Blush palette captures the serene transition of a coastal sunset with its gentle blend of blues and soft grays. Featuring deep indigo #2B3E50, muted blue-gray #5A728A, calming sky blue #8DB1CB, and airy light grays #C7D8E7 and #EDF3F8, this palette evokes tranquility and sophistication. Designers and developers can leverage these harmonious tones to create calming digital experiences, elegant branding, or serene physical spaces. Its soothing quality makes it ideal for projects aiming for a peaceful and refined aesthetic, offering a balanced spectrum from deep anchors to luminous highlights.

Best used for

  • Tranquil website designs
  • Spa and wellness branding
  • Elegant interior decor
  • Sophisticated mobile app UIs
  • Wedding invitations and stationery
  • Editorial layouts for luxury goods

Suggested color roles

primary

Use #2B3E50 as a strong, grounding primary color for headers, navigation, or main calls to action, providing a deep, stable anchor.

secondary

Apply #5A728A for supportive elements like secondary buttons, subheadings, or background sections, offering a rich, complementary tone.

accent

Highlight interactive elements, icons, or subtle graphic details with #8DB1CB, introducing a soft, inviting pop of color.

background

Utilize #EDF3F8 as the main background color to provide a clean, airy, and expansive canvas that enhances readability.

text

For optimal readability, use #2B3E50 for body text and critical information, ensuring strong contrast against lighter backgrounds. A pure white can be used for text on #2B3E50.

Accessibility notes

  • Ensure #2B3E50 text on #EDF3F8 background meets WCAG AA or AAA for critical content.
  • Text in #5A728A on very light backgrounds like #C7D8E7 may require contrast checking for readability.
  • Reserve #EDF3F8 and #C7D8E7 for backgrounds or large decorative elements, not small text.
  • Interactive elements should clearly stand out; consider using #2B3E50 or #5A728A for these.

Recommended combinations

Deep Sea & Sky

Creates a balanced, professional look, ideal for corporate or elegant brand identities.

#2B3E50 · #8DB1CB · #EDF3F8

Muted Horizon

Perfect for a soft, minimalist aesthetic, suitable for wellness apps or serene environments.

#5A728A · #C7D8E7 · #EDF3F8

Evening Glow

Offers a sophisticated, layered feel, excellent for editorial design or upscale product presentations.

#2B3E50 · #5A728A · #C7D8E7

CSS variables

:root {
  --seaside-evening-blush-1: #2B3E50;
  --seaside-evening-blush-2: #5A728A;
  --seaside-evening-blush-3: #8DB1CB;
  --seaside-evening-blush-4: #C7D8E7;
  --seaside-evening-blush-5: #EDF3F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seaside-evening-blush": {
        1: "#2B3E50",
        2: "#5A728A",
        3: "#8DB1CB",
        4: "#C7D8E7",
        5: "#EDF3F8",
      }
    }
  }
}

Related searches

tranquil blue grey paletteserene coastal color schemesoft evening sunset colorscalm branding paletteelegant blue website design

Palette colors

Hex values

Color 1#2B3E50
·
Color 2#5A728A
·
Color 3#8DB1CB
·
Color 4#C7D8E7
·
Color 5#EDF3F8
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
4.9:1AA
7.6:1AAA
9.8:1AAA
2
2.2:1Fail
2.2:1Fail
3.4:1AA18
4.5:1AA18
3
4.9:1AA
2.2:1Fail
1.6:1Fail
2:1Fail
4
7.6:1AAA
3.4:1AA18
1.6:1Fail
1.3:1Fail
5
9.8:1AAA
4.5:1AA18
2:1Fail
1.3:1Fail

Similar palettes

More like Seaside Evening Blush

View all cool
Aegean Coastline Calm
Aegean Horizon
Aegean Sea Serene
Coastal Morning Haze
Dusky Horizon Glow
Morning Coastal Bluff