#E0E0E0
#C0C0C0
#FF69B4
#00FFFF
Gray Color Guide
Gray Color Palettes
The neutral workhorse — technical, balanced, and endlessly useful. Browse 118 curated gray palettes with hex codes, WCAG contrast scores, and the psychology behind each combination.
118 palettes
TechnologyConstructionArchitecture
Featured Gray Palettes
118 palettes led by gray.
#F0F0F8
#C0C0D0
#808898
#303040
#D9D0C7
#9E8E80
#6B5B52
#2C1F1A
#2A2520
#5A5048
#9A9088
#E0D8D0
#2A2E35
#454D5C
#8B98A8
#C8D4E0
#8A8A8A
#C8A040
#5A5A5A
#F0E8D8
#F8F5F0
#E8E0D8
#C8C0B8
#2A2A2A
#3C3C3C
#6A6A6A
#A8A8A8
#E8E8E8
#2D2D2D
#FF4500
#8B8680
#D4C5B0
#C8C8C0
#8A8A80
#5A5A52
#1A1A18
#F0ECE4
#D8D0C0
#8A8070
#3A3428
#8A8A9A
#5A5A6A
#C8A878
#E8E0D8
#F0F0F0
#D8D0C8
#A89880
#2A3A3A
#F0ECE4
#D8C8B8
#8A8A80
#3A3A30
#8A8A8A
#2A8A8A
#E87030
#1A1A1A
#E8E8F0
#C0C8E0
#6A7AA8
#1A1A2A
#F0F0E8
#D8D8CC
#8A8A80
#1A1A1A
#8A8A8A
#C8C8C8
#B02020
#1A1A1A
#1A1A2A
#3A3A5A
#8A7A9A
#E8E0D0
#E9E7E3
#A9A7A2
#6A6864
#1F1E1C
#DFDCD6
#9A968F
#5B5852
#1B1A18
#DDDEDC
#8A8C8C
#4D5051
#141617
#EEEBE6
#B0ACA4
#6B6862
#222220
#E0DCD3
#A29E95
#615E56
#1C1A16
Psychology of Gray
Gray (like grey) is the color of neutrality and technical balance — the foundation of every modern interface. It signals professionalism, maturity, and restraint. In the right hands, gray palettes feel sophisticated and precise; in the wrong hands, they feel dull. Gray is the color of steel, concrete, and modern architecture — the materials of the built world — and it communicates solidity and permanence.
Design Tips for Gray
Use gray in stepped ramps: dark gray for text, mid-gray for borders, light gray for backgrounds. Cool grays read technical; warm grays read softer. One saturated accent color makes gray palettes feel designed rather than default. Never rely on gray alone for brand identity — it needs a partner color.
What to avoid: Avoid gray-on-gray WCAG failures — check every text/border combination. Avoid gray with yellow for low-contrast combinations.
What Goes With Gray?
WhiteBlackOne accent colorSteel blueCharcoal
Related Guides
Brands Built on Gray
Apple (graphite)
Graphite signals precision engineering and premium hardware
Mercedes-Benz
Silver-gray signals engineering excellence and timelessness
Nissan
Grays ground the brand in modern industrial design
Panasonic
Gray signals dependable consumer technology
Frequently Asked Questions
What are the best gray color combinations?
Start with #4B5563 and pair it with White, Black, One accent color. Avoid gray-on-gray WCAG failures — check every text/border combination. Avoid gray with yellow for low-contrast combinations.
What does gray mean in design?
Gray (like grey) is the color of neutrality and technical balance — the foundation of every modern interface. It signals professionalism, maturity, and restraint. In the right hands, gray palettes fee
Which industries use gray palettes?
Gray palettes are most common in Technology, Construction, Architecture, Automotive, Corporate, Industrial. Browse 118 real gray palettes above, or generate your own with the palette generator.
What is the hex code for gray?
The representative gray hex in this library is #4B5563, with #6B7280 as a lighter companion. Every palette on this page includes full hex codes you can copy directly.
Explore All Colors
Red The most powerful color in the spectrum
Orange Warmth without red's aggression
Yellow The brightest hue in nature
Green The color of nature, growth, and money
Blue The most trusted color on Earth
Purple The color of royalty, creativity, and mystery
Pink Playful, warm, and boldly expressive
Brown Grounded, warm, and honest
Black The ultimate statement of power and precision
White The color of purity and space
Grey The sophisticated neutral
Beige Warm, quiet, and timeless
Teal The bridge between blue and green
Indigo The digital-age blue-purple
Navy Deep, authoritative, and timeless