Storm Cloud Color Palette

Dark slate, thundercloud gray, electric lightning blue, and moody purple capture the drama of an approaching storm. This atmospheric palette drives weather apps, dramatic photography, and moody editorial design.

#2C3E50

Deep Blue

RGB(44, 62, 80)

HSL(210, 29%, 24%)

#4A5568

Blue

RGB(74, 85, 104)

HSL(218, 17%, 35%)

#1E88E5

Blue

RGB(30, 136, 229)

HSL(208, 79%, 51%)

#6A0DAD

Vivid Violet

RGB(106, 13, 173)

HSL(275, 86%, 36%)

#8A9AA8

Blue

RGB(138, 154, 168)

HSL(208, 15%, 60%)

#D6DDE5

Dusty Blue

RGB(214, 221, 229)

HSL(212, 22%, 87%)

lightbulbBest Use Cases

  • checkWeather apps
  • checkDramatic photography
  • checkEditorial design

businessIndustries

  • checkMedia
  • checkTechnology
Mood:dramatic

codeUse in Your Code

CSS Custom Properties

:root {
  --color-1: #2C3E50;
  --color-2: #4A5568;
  --color-3: #1E88E5;
  --color-4: #6A0DAD;
  --color-5: #8A9AA8;
  --color-6: #D6DDE5;
}

Tailwind CSS Config

colors: {
  'storm-cloud-1': '#2C3E50',
  'storm-cloud-2': '#4A5568',
  'storm-cloud-3': '#1E88E5',
  'storm-cloud-4': '#6A0DAD',
  'storm-cloud-5': '#8A9AA8',
  'storm-cloud-6': '#D6DDE5',
}
stormmoodydramaticgrayatmospheric

Want to Extract Colors from Your Own Images?

Upload any photo and get a custom color palette instantly — free.

Try PaletteAI Free

Related Palettes