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 ProOverview
Welcome back, here's what's happening today.
Revenue Growth
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.
Good Morning
Here's your daily update
Today
Logo Variations
Business Card
John Doe
Creative Director
john.doe@brandname.com
+1 (555) 123-4567
www.brandname.com
Type Scale
Heading 1
Bold / 48pxHeading 2
Bold / 36pxHeading 3 Bold / 30px
Heading 4
Bold / 24pxBody text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Regular / 16pxArticle Layout
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
Copy Code
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.
Normal Text
Large Text
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