Shades Of Grey
About This Color Palette
Here is a color palette based on various shades of grey, which includes 80 different grey tones:
json
{
"palette_name": "Shades of Grey",
"colors": [
{"name": "Light Grey", "hex_code": "
#D3D3D3
"},
{"name": "Silver", "hex_code": "
#C0C0C0
"},
{"name": "Dark Grey", "hex_code": "
#A9A9A9
"},
{"name": "Dim Grey", "hex_code": "
#696969
"},
{"name": "Slate Grey", "hex_code": "
#708090
"},
{"name": "Charcoal", "hex_code": "
#36454F
"},
{"name": "Ash Grey", "hex_code": "
#B2BEB5
"},
{"name": "Gainsboro", "hex_code": "
#DCDCDC
"},
{"name": "Smoke Grey", "hex_code": "
#7B7B7B
"},
{"name": "Cloud Grey", "hex_code": "
#B8B8B8
"},
{"name": "Cool Grey", "hex_code": "
#A7A8AA
"},
{"name": "Stone Grey", "hex_code": "
#A99F8E
"},
{"name": "Graphite", "hex_code": "
#7E7B7A
"},
{"name": "Platinum", "hex_code": "
#E5E4E2
"},
{"name": "Shadow Grey", "hex_code": "
#8B8B8B
"},
{"name": "Battleship Grey", "hex_code": "
#7C7B7A
"},
{"name": "Cinder", "hex_code": "
#6D6D6D
"},
{"name": "Iron", "hex_code": "
#484848
"},
{"name": "Coal Grey", "hex_code": "
#101820
"},
{"name": "Lead", "hex_code": "
#4B4B4D
"},
{"name": "Dusty Grey", "hex_code": "
#B4B4B4
"},
{"name": "Dove Grey", "hex_code": "
#D6D6D6
"},
{"name": "Pewter", "hex_code": "
#8C8B7A
"},
{"name": "Misty Grey", "hex_code": "
#C6C6C6
"},
{"name": "Pearl Grey", "hex_code": "
#E9E9E9
"},
{"name": "Fossil Grey", "hex_code": "
#B7B7B7
"},
{"name": "Fog Grey", "hex_code": "
#C5C5C5
"},
{"name": "Steel Grey", "hex_code": "
#4B5D67
"},
{"name": "Zinc", "hex_code": "
#6C6F72
"},
{"name": "Smoke", "hex_code": "
#E1E1E1
"},
{"name": "Cement Grey", "hex_code": "
#9B9B9B
"},
{"name": "Slate", "hex_code": "
#708090
"},
{"name": "Ash", "hex_code": "
#B2B2B2
"},
{"name": "Charcoal Grey", "hex_code": "
#3A3A3A
"},
{"name": "Graphite Grey", "hex_code": "
#3B3B3B
"},
{"name": "Dusk", "hex_code": "
#7E7F80
"},
{"name": "Mist", "hex_code": "
#C0C0C0
"},
{"name": "Light Ash", "hex_code": "
#D1D1D1
"},
{"name": "Fog", "hex_code": "
#A5A8A0
"},
{"name": "Cinder Grey", "hex_code": "
#878787
"},
{"name": "Lead Grey", "hex_code": "
#5B5B5B
"},
{"name": "Onyx", "hex_code": "
#353839
"},
{"name": "Pigeon Grey", "hex_code": "
#B7B1B1
"},
{"name": "Silver Grey", "hex_code": "
#B7B7B7
"},
{"name": "Taupe", "hex_code": "
#B5B5A5
"},
{"name": "Dove", "hex_code": "
#B8B8C1
"},
{"name": "Cloud", "hex_code": "
#E7E8E2
"},
{"name": "Palladium", "hex_code": "
#A8A8A8
"},
{"name": "Graphite Blue", "hex_code": "
#5B5D67
"},
{"name": "Shadow", "hex_code": "
#4C4C4C
"},
{"name": "Pewter Grey", "hex_code": "
#8C8C8C
"},
{"name": "Gunmetal", "hex_code": "
#4A545D
"},
{"name": "Steel", "hex_code": "
#A7A8AA
"},
{"name": "Storm Grey", "hex_code": "
#A9A9A9
"},
{"name": "Granite", "hex_code": "
#6C6F72
"},
{"name": "Dusk Grey", "hex_code": "
#5A5A5A
"},
{"name": "Nickel", "hex_code": "
#A8A8A8
"},
{"name": "Slate Blue", "hex_code": "
#6D7F90
"},
{"name": "Iron Grey", "hex_code": "
#484848
"},
{"name": "Smoke Blue", "hex_code": "
#B7C9D8
"},
{"name": "Dove Blue", "hex_code": "
#A4B6B0
"},
{"name": "Blue Grey", "hex_code": "
#6B7C93
"},
{"name": "Cinder Blue", "hex_code": "
#5B5B6C
"},
{"name": "Driftwood", "hex_code": "
#A59C8D
"},
{"name": "Stone", "hex_code": "
#B2B1A1
"},
{"name": "Fog Blue", "hex_code": "
#A9B2B9
"},
{"name": "Dove Grey Blue", "hex_code": "
#A6B6B6
"},
{"name": "Dust", "hex_code": "
#B0B0B0
"},
{"name": "Pewter Blue", "hex_code": "
#A1A8A4
"},
{"name": "Cinder Grey Blue", "hex_code": "
#6C6E7A
"},
{"name": "Misty Blue", "hex_code": "
#A8A8B0
"},
{"name": "Dusty Blue", "hex_code": "
#B7B7BA
"},
{"name": "Cloud Blue", "hex_code": "
#C3C3C3
"}
]
}
This palette includes a rich diversity of greys, from light to dark shades, providing a versatile range for design purposes.
Would you like to explore any specific shades, or do you need help with a different palette?
Overview
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 / 30pxHeading 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.
Light Grey
#D3D3D3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Silver
#C0C0C0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Grey
#A9A9A9
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dim Grey
#696969
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Slate Grey
#708090
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Charcoal
#36454F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Ash Grey
#B2BEB5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Gainsboro
#DCDCDC
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Smoke Grey
#7B7B7B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cloud Grey
#B8B8B8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cool Grey
#A7A8AA
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Stone Grey
#A99F8E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Graphite
#7E7B7A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Platinum
#E5E4E2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Shadow Grey
#8B8B8B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Battleship Grey
#7C7B7A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cinder
#6D6D6D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Iron
#484848
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Coal Grey
#101820
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lead
#4B4B4D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dusty Grey
#B4B4B4
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dove Grey
#D6D6D6
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pewter
#8C8B7A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Misty Grey
#C6C6C6
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pearl Grey
#E9E9E9
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Fossil Grey
#B7B7B7
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Fog Grey
#C5C5C5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Steel Grey
#4B5D67
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Zinc
#6C6F72
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Smoke
#E1E1E1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cement Grey
#9B9B9B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Slate
#708090
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Ash
#B2B2B2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Charcoal Grey
#3A3A3A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Graphite Grey
#3B3B3B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dusk
#7E7F80
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Mist
#C0C0C0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Ash
#D1D1D1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Fog
#A5A8A0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cinder Grey
#878787
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lead Grey
#5B5B5B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Onyx
#353839
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pigeon Grey
#B7B1B1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Silver Grey
#B7B7B7
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Taupe
#B5B5A5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dove
#B8B8C1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cloud
#E7E8E2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Palladium
#A8A8A8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Graphite Blue
#5B5D67
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Shadow
#4C4C4C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pewter Grey
#8C8C8C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Gunmetal
#4A545D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Steel
#A7A8AA
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Storm Grey
#A9A9A9
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Granite
#6C6F72
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dusk Grey
#5A5A5A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Nickel
#A8A8A8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Slate Blue
#6D7F90
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Iron Grey
#484848
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Smoke Blue
#B7C9D8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dove Blue
#A4B6B0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Blue Grey
#6B7C93
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cinder Blue
#5B5B6C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Driftwood
#A59C8D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Stone
#B2B1A1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Fog Blue
#A9B2B9
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dove Grey Blue
#A6B6B6
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dust
#B0B0B0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pewter Blue
#A1A8A4
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cinder Grey Blue
#6C6E7A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Misty Blue
#A8A8B0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dusty Blue
#B7B7BA
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cloud Blue
#C3C3C3
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