What Colors Go With Yellow? 10 Cheerful Combinations
What colors go with yellow? Here are 10 cheerful yellow color combinations — from purple and navy to gray and teal — each with copy-ready hex codes.
Yellow is pure optimism — warm, energetic and impossible to ignore. It is also the trickiest color to balance, because too much yellow overwhelms. The secret is the right partner. If you are asking "what colors go with yellow?", here are 10 combinations that work beautifully, with hex codes you can copy.
Browse live yellow color palettes on PaletteCSS to see them in action.
The short answer
Yellow looks best with purple (its complement), with gray, charcoal and navy (grounding neutrals), and with black or white for bold, high-contrast designs. For a fresh look, try teal or coral.
10 colors that go with yellow
| Combination | Yellow | Partner |
|---|---|---|
| Yellow + Purple | #FACC15 | #7C3AED |
| Yellow + Navy | #FACC15 | #1E3A8A |
| Yellow + Gray | #FACC15 | #4B5563 |
| Yellow + Charcoal | #F59E0B | #1F2937 |
| Yellow + Black | #FACC15 | #0F0F0F |
| Yellow + White | #FACC15 | #FFFFFF |
| Yellow + Teal | #FDE047 | #0D9488 |
| Yellow + Coral | #FACC15 | #FB7185 |
| Yellow + Pink | #FDE047 | #EC4899 |
| Yellow + Blue | #FACC15 | #2563EB |
Complementary: yellow + purple
Purple sits directly opposite yellow on the color wheel, making it the highest-contrast pairing. Use yellow as a bright accent over a deeper purple base for a creative, eye-catching look.
Grounded: yellow + gray, charcoal or navy
Cool, dark neutrals tame yellow’s intensity and make it feel intentional rather than loud. Yellow on charcoal is a favorite for modern, confident branding.
Bold: yellow + black or white
Yellow and black is the highest-visibility combination there is (think caution signs) — striking for sport, gaming and high-energy brands. Yellow and white feels clean, sunny and friendly.
Use it in CSS
:root {
--yellow: #FACC15;
--accent: #7C3AED;
--ink: #1F2937;
--paper: #FFFDF5;
}Frequently asked questions
What is the complementary color of yellow?
Purple is the complementary color of yellow — it sits directly opposite on the color wheel and creates the strongest contrast.
What neutral goes best with yellow?
Charcoal and warm gray are the most reliable neutrals for yellow — they ground its brightness without competing with it.
Is yellow and blue a good combination?
Yes — yellow and blue are a classic high-energy pairing, balancing warm and cool for a fresh, lively look.
Next, explore what colors go with green or read color theory basics.
