Back to palettes

Palette

Stormy Sky Horizon

Moody and atmospheric greys mirror the shifting hues of a gathering storm on the distant horizon.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stormy Sky Horizon 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 Stormy Sky Horizon.

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

Data visualization

#3D4852#606F7B#8795A1#B8C0C8#DAE1E7

Palette guide

How to use Stormy Sky Horizon

Overview

The Stormy Sky Horizon palette evokes the serene yet powerful shifting hues of a gathering storm on the distant horizon, offering a moody and atmospheric aesthetic. This collection of cool grays ranges from the deep, grounding #3D4852 to the ethereal, near-white #DAE1E7. The mid-tones, including #606F7B, #8795A1, and #B8C0C8, provide a harmonious gradient, perfect for creating a sense of calm, spaciousness, or sophisticated minimalism. Designers and developers will find these hex codes ideal for projects that require a soft, natural, and timeless feel. It's particularly effective for conveying tranquility, professionalism, or a connection to atmospheric elements without being overtly dramatic.

Best used for

  • Minimalist web design
  • Cloud computing dashboards
  • Luxury apartment branding
  • Photography portfolios (especially skies)
  • Meditation and wellness apps
  • Urban planning visualizations

Suggested color roles

primary

Utilize #3D4852 as the foundational dark color for headers, navigation, or strong brand elements, conveying depth and stability.

secondary

Apply #606F7B for supporting sections, subheadings, or as a background for content blocks, providing a harmonious mid-tone.

accent

Introduce #8795A1 sparingly for interactive elements, subtle highlights, or graphical accents, offering a gentle visual cue.

background

Employ #DAE1E7 for clean, expansive page backgrounds, providing a light, airy canvas that enhances readability and tranquility.

text

Use a dark text like #3D4852 for body copy on #DAE1E7 backgrounds for optimal readability. For darker backgrounds, a crisp white or very light grey is recommended.

Accessibility notes

  • Ensure #3D4852 text on #DAE1E7 backgrounds meets WCAG AA contrast standards for legibility.
  • Avoid using #8795A1 for small text on #B8C0C8, as contrast may be insufficient for accessibility.
  • Verify that #606F7B text on #DAE1E7 backgrounds maintains adequate contrast for readability.
  • All interactive elements should have distinct focus and hover states with sufficient contrast.

Recommended combinations

Horizon Contrast

For a serene base: #3D4852 for primary, #DAE1E7 for backgrounds, and #606F7B for text/secondary elements.

#3D4852 · #DAE1E7 · #606F7B

Misty Gradient

Ideal for subtle layering in UI components or gradients, creating gentle depth and visual interest.

#606F7B · #8795A1 · #B8C0C8

Calm Accents

Use #3D4852 for strong text, #B8C0C8 for soft accents, and #DAE1E7 for clean backgrounds.

#3D4852 · #B8C0C8 · #DAE1E7

CSS variables

:root {
  --stormy-sky-horizon-1: #3D4852;
  --stormy-sky-horizon-2: #606F7B;
  --stormy-sky-horizon-3: #8795A1;
  --stormy-sky-horizon-4: #B8C0C8;
  --stormy-sky-horizon-5: #DAE1E7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stormy-sky-horizon": {
        1: "#3D4852",
        2: "#606F7B",
        3: "#8795A1",
        4: "#B8C0C8",
        5: "#DAE1E7",
      }
    }
  }
}

Related searches

stormy grey palettesky horizon colorsserene cool grey schememinimalist cloud aestheticmoody atmospheric design

Palette colors

Hex values

Color 1#3D4852
·
Color 2#606F7B
·
Color 3#8795A1
·
Color 4#B8C0C8
·
Color 5#DAE1E7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1AA18
5.1:1AA
7.1:1AAA
2
1.8:1Fail
1.7:1Fail
2.8:1Fail
3.9:1AA18
3
3:1AA18
1.7:1Fail
1.7:1Fail
2.3:1Fail
4
5.1:1AA
2.8:1Fail
1.7:1Fail
1.4:1Fail
5
7.1:1AAA
3.9:1AA18
2.3:1Fail
1.4:1Fail

Similar palettes

More like Stormy Sky Horizon

View all cool
Cloudburst Serenity
Coastal Fog
Frosted Woodland Serene
Gentle Rain Shower
Grey Cloud Reflection
Hushed Lake Surface