What colors go with royal blue?
Royal Blue goes with neutrals like white, light gray and slate gray, and with hazel, saffron and light indigo for contrast or harmony. Below are 13 matching colors with hex codes, 6 ready-made palettes and tips for rooms, outfits and brands.
13 colors that go with royal blue
- White#FFFFFFNeutral
- Light Gray#D3D3D3Neutral
- Slate Gray#708090Neutral
- Onyx#343A40Neutral
- Tan#D2B48CNeutral
- Hazel#8E7618Complementary
- Saffron#E9C46AMuted complement
- Light Indigo#6D5ACFAnalogous
- Nice Blue#107AB0Analogous
- Orangey Brown#B16002Split complementary
- Swamp Green#748500Split complementary
- Faded Red#D3494ETriadic
- Silver#C0C0C0Metallic
| Color | Hex | Relationship | Why it works |
|---|---|---|---|
| White | #FFFFFF | 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 |
| Tan | #D2B48C | Neutral | an earthy neutral that warms cool colors |
| Hazel | #8E7618 | Complementary | its opposite on the color wheel, for the strongest contrast |
| Saffron | #E9C46A | Muted complement | a softer version of the opposite, for contrast without clashing |
| Light Indigo | #6D5ACF | Analogous | a neighbor on the wheel, for a calm, harmonious look |
| Nice Blue | #107AB0 | Analogous | the other neighbor on the wheel, for a natural blend |
| Orangey Brown | #B16002 | Split complementary | next to its opposite: lively but easier to balance |
| Swamp Green | #748500 | Split complementary | the other side of its opposite, for a balanced accent |
| Faded Red | #D3494E | Triadic | a third of the way around the wheel, for a playful mix |
| Silver | #C0C0C0 | Metallic | cool metals echo cool colors |
Royal Blue color palettes
Calm neutrals: the color with three neutrals and one gentle accent
Royal Blue #4169E1, White #FFFFFF, Light Gray #D3D3D3, Slate Gray #708090, Light Indigo #6D5ACF. Open this palette in the generator.
Complementary pop: contrast from the opposite side of the wheel, balanced by neutrals
Royal Blue #4169E1, Hazel #8E7618, Saffron #E9C46A, White #FFFFFF, Tan #D2B48C. Open this palette in the generator.
Analogous harmony: neighboring hues for a natural, blended look
Light Indigo #6D5ACF, Royal Blue #4169E1, Nice Blue #107AB0, White #FFFFFF, Slate Gray #708090. Open this palette in the generator.
Monochromatic: one hue from light tint to deep shade
Lavender #E6E6FA, Pastel Blue #A2BFFE, Royal Blue #4169E1, Royal #0C1793, Darkblue #030764. Open this palette in the generator.
Split complementary: two accents beside the complement, lively but easy to balance
Royal Blue #4169E1, Orangey Brown #B16002, Swamp Green #748500, White #FFFFFF, Slate Gray #708090. Open this palette in the generator.
Playful triad: evenly spaced hues, softened with a neutral
Royal Blue #4169E1, Faded Red #D3494E, Light Gray #D3D3D3, Tan #D2B48C. Open this palette in the generator.
Curated palettes with royal blue
- Synthwave and Boombox#1B0B3A #4361EE #FF6FB5 #FFE66D
- Arcade Night#1B0B3A #3A0CA3 #7209B7 #4361EE #FFE66D
- Binary Uplink#121A33 #4D73D8 #00D1FF #8AF3FF #F8FAFF
- Balloon Playground#001F4C #593C00 #256AC9 #EC794B #D1C76E #E6EFFE
- Glitch and Grid#0E2A1F #615CE4 #00B8D9 #FF86A7 #D7FFE8
- Summit Briefing#0B1F3A #24508C #6B7A8F #3B7DD8 #F5F8FC
How to use royal blue with other colors
- Rooms and interiors: paint royal blue on one wall or use it in textiles, then keep larger surfaces white or light gray; add hazel in small objects.
- Outfits: anchor royal blue with tan or denim, and use saffron for one piece such as a scarf or shoes.
- Brands and websites: use royal blue for one role (background, buttons or headings), white for space and a dark neutral for text; white text reads best on royal blue itself.
- Follow the 60-30-10 rule: about 60% neutral, 30% your main color, 10% accent.
Colors that are close to royal blue 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 royal blue
- Royal Blue color: hex #4169E1, RGB, OKLCH, shades and contrast.
- 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 royal blue?
Royal Blue pairs well with neutrals such as white, light gray and slate gray, and with accents such as hazel, saffron and light indigo. The palettes above show complete combinations with hex codes.
What is the complementary color of royal blue?
On the digital (OKLCH) color wheel, the complement of royal blue #4169E1 is close to Hazel #8E7618. Use it in small amounts for contrast, or a muted version for a softer pairing.
What color text goes on royal blue?
White text reads best on royal blue #4169E1. Check the exact pair in the contrast checker.
Does royal blue go with white?
Yes. White is a clean, light backdrop that lets the color lead, so it is one of the easiest pairings for royal blue.
Make a royal blue palette
Lock this color in the generator and let it suggest harmonies, then check contrast and export.