What colors go with gray?
Gray goes with neutrals like ivory, light gray and slate gray, and with navy, burgundy and emerald green for contrast or harmony. Below are 12 matching colors with hex codes, 6 ready-made palettes and tips for rooms, outfits and brands.
12 colors that go with gray
| Color | Hex | Relationship | Why it works |
|---|---|---|---|
| Ivory | #FFFFF0 | Neutral | a clean, light backdrop that lets the color lead |
| Light Gray | #D3D3D3 | Neutral | a soft neutral for large areas |
| Slate Gray | #708090 | Neutral | a mid neutral that calms the color down |
| Onyx | #343A40 | Neutral | a deep neutral for contrast and text |
| Navy | #000080 | Accent | a deep classic that adds structure |
| Burgundy | #610023 | Accent | a rich warm accent |
| Emerald Green | #028F1E | Accent | a jewel-tone accent |
| Mustard | #CEB301 | Accent | a warm, vintage pop |
| Dusty Rose | #C0737A | Accent | a soft, romantic accent |
| Royal Blue | #4169E1 | Accent | a bright, confident accent |
| Terracotta | #CA6641 | Accent | an earthy, warm accent |
| Gold | #FFD700 | Metallic | warm metals flatter warm and neutral colors |
Gray color palettes
Calm neutrals: the color with three neutrals and one gentle accent
Gray #808080, Ivory #FFFFF0, Light Gray #D3D3D3, Slate Gray #708090, Emerald Green #028F1E. Open this palette in the generator.
Complementary pop: contrast from the opposite side of the wheel, balanced by neutrals
Gray #808080, Navy #000080, Burgundy #610023, Ivory #FFFFF0, Onyx #343A40. Open this palette in the generator.
Analogous harmony: neighboring hues for a natural, blended look
Emerald Green #028F1E, Gray #808080, Mustard #CEB301, Ivory #FFFFF0, Slate Gray #708090. Open this palette in the generator.
Monochromatic: one hue from light tint to deep shade
Platinum #E0E1DD, Silver #C0C0C0, Gray #808080, Charcoal Grey #3C4142, Jet #212529. Open this palette in the generator.
Split complementary: two accents beside the complement, lively but easy to balance
Gray #808080, Dusty Rose #C0737A, Royal Blue #4169E1, Ivory #FFFFF0, Slate Gray #708090. Open this palette in the generator.
Playful triad: evenly spaced hues, softened with a neutral
Gray #808080, Royal Blue #4169E1, Terracotta #CA6641, Light Gray #D3D3D3, Onyx #343A40. Open this palette in the generator.
Curated palettes with gray
- Granite Folder#323F4B #7B8794 #F0B429 #CBD2D9 #F5F7FA
- Steel Deck#1F2933 #52606D #7B8794 #E1B04B #E9F0F7
- Paper Archive#0B1219 #52606D #7B8794 #E9AD4B #CBD2D9
- Overcast Sky#2E3A46 #4F6272 #6D808E #A59C90 #AEBBC6
- Marble and Pewter#1F1F1F #767676 #A8A39B #FAF7F2
- Lunar Hours#1E293B #475569 #738397 #38BDF8 #D9DFE5
How to use gray with other colors
- Rooms and interiors: paint gray on one wall or use it in textiles, then keep larger surfaces ivory or light gray; add navy in small objects.
- Outfits: anchor gray with onyx or denim, and use burgundy for one piece such as a scarf or shoes.
- Brands and websites: use gray for one role (background, buttons or headings), ivory for space and a dark neutral for text; black text reads best on gray itself.
- Follow the 60-30-10 rule: about 60% neutral, 30% your main color, 10% accent.
Colors that are close to gray but not the same, such as a slightly different shade, can look like a mistake rather than a choice. Either match it, or contrast it clearly in lightness or hue.
More about gray
- Gray color: hex #808080, RGB, OKLCH, shades and contrast.
- What does gray mean?: symbolism and psychology.
- What colors make gray: how to mix it.
- Color harmonies on the color wheel: why these pairings work.
Colors that go with other colors
- Colors that go with brownMatching colors and palettes for brown.
- Colors that go with greenMatching colors and palettes for green.
- Colors that go with redMatching colors and palettes for red.
- Colors that go with purpleMatching colors and palettes for purple.
- Colors that go with navy blueMatching colors and palettes for navy blue.
- Colors that go with blueMatching colors and palettes for blue.
- Colors that go with pinkMatching colors and palettes for pink.
- Colors that go with orangeMatching colors and palettes for orange.
- Colors that go with yellowMatching colors and palettes for yellow.
- Colors that go with burgundyMatching colors and palettes for burgundy.
- Colors that go with tealMatching colors and palettes for teal.
- Colors that go with sage greenMatching colors and palettes for sage green.
- Colors that go with olive greenMatching colors and palettes for olive green.
- Colors that go with goldMatching colors and palettes for gold.
- Colors that go with light blueMatching colors and palettes for light blue.
- Colors that go with dark greenMatching colors and palettes for dark green.
- Colors that go with maroonMatching colors and palettes for maroon.
- Colors that go with dark blueMatching colors and palettes for dark blue.
Frequently asked questions
What colors go with gray?
Gray pairs well with neutrals such as ivory, light gray and slate gray, and with accents such as navy, burgundy and emerald green. The palettes above show complete combinations with hex codes.
What is the complementary color of gray?
Gray is a neutral, so it has no strong complement: almost any accent works with it.
What color text goes on gray?
Black text reads best on gray #808080. Check the exact pair in the contrast checker.
Does gray go with ivory?
Yes. Ivory is a clean, light backdrop that lets the color lead, so it is one of the easiest pairings for gray.
Make a gray palette
Lock this color in the generator and let it suggest harmonies, then check contrast and export.