What colors go with white?
White 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 white
| 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 |
White color palettes
Calm neutrals: the color with three neutrals and one gentle accent
White #FFFFFF, 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
White #FFFFFF, 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, White #FFFFFF, 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, White #FFFFFF, Warm Grey #978A84. Open this palette in the generator.
Split complementary: two accents beside the complement, lively but easy to balance
White #FFFFFF, 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
White #FFFFFF, Royal Blue #4169E1, Terracotta #CA6641, Light Gray #D3D3D3, Onyx #343A40. Open this palette in the generator.
Curated palettes with white
- Aerial Sail#0B3C6D #1D6FB8 #F9844A #A7D3F5 #FFFFFF
- Cumulus Drift#0B3C6D #5495CD #F9844A #8FB3D2 #FFFFFF
- Kite Afternoon#0B3C6D #3073BD #5EA4E7 #A7D3F5 #FFFFFF
- Tarn Climb#1F2A44 #455234 #3E5C76 #748CAB #F9FBF8
- Opal Daybreak#B5C4D0 #BFD7EA #CDEBE4 #F3E3EE #F8FAFE
- Binary Uplink#121A33 #4D73D8 #00D1FF #8AF3FF #F8FAFF
How to use white with other colors
- Rooms and interiors: paint white on one wall or use it in textiles, then keep larger surfaces ivory or light gray; add navy in small objects.
- Outfits: anchor white with onyx or denim, and use burgundy for one piece such as a scarf or shoes.
- Brands and websites: use white for one role (background, buttons or headings), ivory for space and a dark neutral for text; black text reads best on white itself.
- Follow the 60-30-10 rule: about 60% neutral, 30% your main color, 10% accent.
Colors that are close to white 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 white
- White color: hex #FFFFFF, RGB, OKLCH, shades and contrast.
- What does white mean?: symbolism and psychology.
- 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 grayMatching colors and palettes for gray.
- 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.
Frequently asked questions
What colors go with white?
White 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 white?
White is a neutral, so it has no strong complement: almost any accent works with it.
What color text goes on white?
Black text reads best on white #FFFFFF. Check the exact pair in the contrast checker.
Does white go with ivory?
Yes. Ivory is a clean, light backdrop that lets the color lead, so it is one of the easiest pairings for white.
Make a white palette
Lock this color in the generator and let it suggest harmonies, then check contrast and export.