Back to palettes

Palette

Monsoon Sky Wash

Capturing the dramatic, fluid colors of a sky just after a heavy monsoon downpour.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Monsoon Sky Wash 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 Monsoon Sky Wash.

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

Data visualization

#2F4F4F#708090#ADD8E6#4682B4#D3D3D3

Palette guide

How to use Monsoon Sky Wash

Overview

The Monsoon Sky Wash palette captures the dramatic, fluid colors of a sky just after a heavy monsoon downpour. It features cool, atmospheric blues and grays, including the deep #2F4F4F and the robust #4682B4, which evoke both power and calm. The lighter #708090, #ADD8E6, and #D3D3D3 provide a spectrum from stormy clouds to clearing skies, offering versatility for various applications. Designers and developers will find this palette excellent for creating serene yet impactful visual experiences, reflecting a sense of renewal and natural grandeur in a modern context.

Best used for

  • Weather forecasting applications
  • Maritime and naval themed designs
  • Modern tech interfaces and dashboards
  • Minimalist branding and websites
  • Architectural firm portfolios
  • Environmental education platforms

Suggested color roles

primary

Utilize #4682B4 as a dominant primary color for prominent UI elements, brand logos, or calls-to-action, conveying stability and trust.

secondary

Employ #2F4F4F for supporting content, footers, or as a strong dark background, adding depth and sophistication.

accent

Apply #ADD8E6 as a bright, airy accent for interactive elements, highlights, or to represent clear skies, providing a refreshing contrast.

background

Use #D3D3D3 as a versatile light grey background, providing a neutral, calming base that allows other colors to stand out gracefully.

text

For optimal readability on lighter backgrounds, use #2F4F4F or a deep charcoal. On darker colors like #4682B4, ensure light text like white or a very light gray is used.

Accessibility notes

  • Ensure sufficient contrast when using dark text on #D3D3D3 and #ADD8E6; #2F4F4F or black are good choices.
  • For #2F4F4F and #4682B4, always use light-colored text (e.g., white) to meet WCAG contrast guidelines.
  • Avoid placing #708090 text on #D3D3D3 without careful contrast checking, especially for small font sizes.
  • Always verify contrast ratios for essential text, particularly on mid-tone grays like #708090.

Recommended combinations

Stormy Horizon

Creates a dramatic and sophisticated look, excellent for hero sections or brand statements that need impact and depth.

#2F4F4F · #4682B4 · #708090

Clear Aftermath

Perfect for clean, airy interfaces or backgrounds that evoke a sense of calm and clarity, with a strong blue anchor.

#ADD8E6 · #D3D3D3 · #4682B4

Urban Sky

Ideal for designs that need a neutral base with a striking, light accent, providing visual interest and a modern feel.

#708090 · #2F4F4F · #ADD8E6

CSS variables

:root {
  --monsoon-sky-wash-1: #2F4F4F;
  --monsoon-sky-wash-2: #708090;
  --monsoon-sky-wash-3: #ADD8E6;
  --monsoon-sky-wash-4: #4682B4;
  --monsoon-sky-wash-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-sky-wash": {
        1: "#2F4F4F",
        2: "#708090",
        3: "#ADD8E6",
        4: "#4682B4",
        5: "#D3D3D3",
      }
    }
  }
}

Related searches

monsoon sky colorsstormy blue grey palettedramatic weather schemecool minimalist colorsmodern sky tones

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#708090
·
Color 3#ADD8E6
·
Color 4#4682B4
·
Color 5#D3D3D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
5.8:1AA
2.2:1Fail
6:1AA
2
2.2:1Fail
2.7:1Fail
1:1Fail
2.7:1Fail
3
5.8:1AA
2.7:1Fail
2.7:1Fail
1:1Fail
4
2.2:1Fail
1:1Fail
2.7:1Fail
2.7:1Fail
5
6:1AA
2.7:1Fail
1:1Fail
2.7:1Fail

Similar palettes

More like Monsoon Sky Wash

View all cool
Azure Bay Retreat
Azure Horizon
City Rain Slicker
Cloud Burst Sky
Cloudburst Sky
Fjord Drift