Light Gray
Light Gray Color
Light gray is the modern neutral — clean, cool, and quietly professional. It is the default for UI surfaces, borders, and any design that needs structure without noise.
Use it for cards, borders, and secondary surfaces in interface design.
The Light Gray Color Palette
Five colors built around light gray — its tints, shades, and complementary partner.
Colors That Go With Light Gray
Three ready-made combinations. Click any swatch to copy it, or explore the full guide.
Soft & Dreamy
A gentle, harmonious mix built from light gray and its closest neighbors on the color wheel.
Bold Contrast
Light Gray against its complementary color and deep shades for a palette with real presence.
Fresh & Playful
A lively split-complementary combination that keeps light gray as the star.
Shades of Light Gray
Darker versions, mixed toward black.
Tints of Light Gray
Lighter versions, mixed toward white.
Color Harmonies with Light Gray
Complementary
Analogous
Triadic
Split Complementary
Tetradic
Monochromatic
Contrast Combinations
How light gray performs as a background with common text colors, per WCAG.
White text
Ratio 1.50:1
FailBlack text
Ratio 14.03:1
AAAInk text
Ratio 9.65:1
AAA