Huehive Logo

HueHive

Storm Cloud, After The Rain, Gray Blue

131 views
Storm Cloud #6C7B8B
Rainy Day #A5B3C9
Silver Lining #B8C4D0
Cloudy Sky #8498AC
Misty Morning #D1D9E1
Drizzle Gray #8E9FAF
Puddle Reflection #BAC6D4
Overcast #7A8E9E
Wet Pavement #6E7D8D
Mistral Blue #95A3B3
Raindrop Gray #A9B6C2
Thunderstorm #576671
#6C7B8B Storm Cloud
#A5B3C9 Rainy Day
#B8C4D0 Silver Lining
#8498AC Cloudy Sky
#D1D9E1 Misty Morning
#8E9FAF Drizzle Gray
#BAC6D4 Puddle Reflection
#7A8E9E Overcast
#6E7D8D Wet Pavement
#95A3B3 Mistral Blue
#A9B6C2 Raindrop Gray
#576671 Thunderstorm

storm cloud, after the rain, gray blue

About This Color Palette

Color Palette:
1. Color Name: Storm Cloud
   Hex Code: 
                            
                            #6C7B8B
                        
   Description: A deep and moody shade of gray-blue resembling the storm clouds before the rain.

2. Color Name: Rainy Day
   Hex Code: 
                            
                            #A5B3C9
                        
   Description: A soft and soothing gray-blue hue reminiscent of the quiet moments after the rain has passed.

3. Color Name: Silver Lining
   Hex Code: 
                            
                            #B8C4D0
                        
   Description: A light and airy shade of gray-blue symbolizing hope and optimism after a storm.

4. Color Name: Cloudy Sky
   Hex Code: 
                            
                            #8498AC
                        
   Description: A serene and calming gray-blue color resembling the sky on a cloudy day.

5. Color Name: Misty Morning
   Hex Code: 
                            
                            #D1D9E1
                        
   Description: A delicate and ethereal shade of gray-blue evoking the tranquil atmosphere of a misty morning.

6. Color Name: Drizzle Gray
   Hex Code: 
                            
                            #8E9FAF
                        
   Description: A muted and understated gray-blue hue inspired by the gentle drizzle of rain.

7. Color Name: Puddle Reflection
   Hex Code: 
                            
                            #BAC6D4
                        
   Description: A reflective and contemplative shade of gray-blue mirroring the world in rain puddles.

8. Color Name: Overcast
   Hex Code: 
                            
                            #7A8E9E
                        
   Description: A cool and overcast gray-blue color representing a cloudy sky before the rain.

9. Color Name: Wet Pavement
   Hex Code: 
                            
                            #6E7D8D
                        
   Description: A dark and urban shade of gray-blue reminiscent of the slickness of wet pavement after a rain shower.

10. Color Name: Mistral Blue
    Hex Code: 
                            
                            #95A3B3
                        
    Description: A fresh and invigorating shade of gray-blue inspired by the cool winds that follow a storm.

11. Color Name: Raindrop Gray
    Hex Code: 
                            
                            #A9B6C2
                        
    Description: A subtle and watery gray-blue hue resembling the color of raindrops on a windowpane.

12. Color Name: Thunderstorm
    Hex Code: 
                            
                            #576671
                        
    Description: A deep and intense shade of gray-blue representing the power and energy of a thunderstorm.

Customize Preview Colors

Upgrade to Pro
C
Croma
Dashboard
Analytics
Customers
Settings
John Doe
Admin
Search...

Overview

Welcome back, here's what's happening today.

+12%
$45,231
Total Revenue
+12%
2,345
Active Users
+12%
128
New Orders

Revenue Growth

Brand
Features Pricing About

Build something amazing

Create stunning designs with our AI-powered color palette generator. Perfect for web, mobile, and print.

Fast Performance

Optimized for speed and efficiency.

Secure by Default

Enterprise-grade security built-in.

Easy to Use

Intuitive interface for everyone.

9:41

Good Morning

Here's your daily update

Today

Design Review
10:00 AM
Team Meeting
11:30 AM
Lunch Break
1:00 PM
Project Focus
2:00 PM
Home
Search
Profile
B
BrandName
Sponsored
...
New Collection

Summer
Sale

Get up to 50% off on all items.

1,234 likes
BrandName Don't miss out on our biggest sale of the season! #summersale #fashion

Logo Variations

B
BrandName
B
BrandName

Business Card

B
BrandName

John Doe

Creative Director

john.doe@brandname.com

+1 (555) 123-4567

www.brandname.com

Type Scale

Heading 1

Bold / 48px

Heading 2

Bold / 36px

Heading 3

Bold / 30px

Heading 4

Bold / 24px

Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Regular / 16px

Article Layout

Design Trends

The Future of Color

Color trends are evolving rapidly. We are seeing a shift towards more vibrant, expressive palettes that capture attention and evoke emotion.

"Color is a power which directly influences the soul."

Why it matters

Choosing the right color palette is crucial for brand identity. It communicates values without words and creates an instant connection with the audience.

Abstract

Composition #01

Download Files

PNG Image

Raster image format

Copy Code

variables.css

          

Simulate how your palette appears to users with different types of color vision deficiencies. Approximately 8% of men and 0.5% of women have some form of color blindness.

Original Palette

Protanopia

Red-blind (approx. 1% of men)

Deuteranopia

Green-blind (approx. 1% of men)

Tritanopia

Blue-blind (very rare)

Achromatopsia

Total color blindness (monochromacy)

Shades & Tints

Explore lighter variations (tints) and darker variations (shades) of each color. Click any color to copy its hex code.

Storm Cloud

#6C7B8B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Rainy Day

#A5B3C9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Silver Lining

#B8C4D0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cloudy Sky

#8498AC

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Misty Morning

#D1D9E1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Drizzle Gray

#8E9FAF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Puddle Reflection

#BAC6D4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Overcast

#7A8E9E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Wet Pavement

#6E7D8D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Mistral Blue

#95A3B3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Raindrop Gray

#A9B6C2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Thunderstorm

#576671

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Color Wheel Distribution

Harmony Analysis

Dominant Temperature

--

Harmony Type

--

Analyzing color relationships...

Color Values (HSL)

Select Background

Select Text Color

Contrast Analysis

Aa

The quick brown fox jumps over the lazy dog.

Contrast Ratio --

Normal Text

WCAG AA --
WCAG AAA --

Large Text

WCAG AA --
WCAG AAA --

Understanding WCAG Scores

Normal Text

  • AA requires 4.5:1 ratio
  • AAA requires 7.0:1 ratio

Large Text (18pt+ or 14pt+ bold)

  • AA requires 3.0:1 ratio
  • AAA requires 4.5:1 ratio

What would you like to do?

Other Similar Palettes

#c0c0c0
#7db9de
#f0f0f0
#a2c989
#f5b2b2
#FFDAB9
#E6E6FA
#87CEEB
#FFFFE0
#FFB6C1
#98FB98
#C0C0C0
#003366
#808080
#1C1C1C
#007B7F
#F5F5F5
#4A90E2
#7D7D7D
#FFD700
#000000
#C0C0C0
#009B77
#00B2A9
#0077B3
#5B2E91
#8E44AD
#4A4E69
#B9B8B0
#2E86AB
#F7F7F7
#7D7D7D

Update Your Palette

Current Palette

Storm Cloud
Rainy Day
Silver Lining
Cloudy Sky
Misty Morning
Drizzle Gray
Puddle Reflection
Overcast
Wet Pavement
Mistral Blue
Raindrop Gray
Thunderstorm

storm cloud, after the rain, gray blue

Try these examples: