What colors go with beige?
Beige goes with neutrals like ivory, cream and taupe, and with cloudy blue, cool gray and pale oak 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 beige
- Ivory#FFFFF0Neutral
- Cream#FFFFC2Neutral
- Taupe#B9A281Neutral
- Onyx#343A40Neutral
- Navy#000080Neutral
- Cloudy Blue#ACC2D9Complementary
- Cool Gray#8D99AEMuted complement
- Pale Oak#DBCFB0Analogous
- Light Gray#D3D3D3Analogous
- Light Steel Blue#B0C4DESplit complementary
- Silver#C0C0C0Split complementary
- Light Cornflower Blue#98C1D9Triadic
- Gold#FFD700Metallic
| Color | Hex | Relationship | Why it works |
|---|---|---|---|
| Ivory | #FFFFF0 | Neutral | a clean, light backdrop that lets the color lead |
| Cream | #FFFFC2 | Neutral | a soft neutral for large areas |
| Taupe | #B9A281 | Neutral | a mid neutral that calms the color down |
| Onyx | #343A40 | Neutral | a deep neutral for contrast and text |
| Navy | #000080 | Neutral | a classic deep partner for warm colors |
| Cloudy Blue | #ACC2D9 | Complementary | its opposite on the color wheel, for the strongest contrast |
| Cool Gray | #8D99AE | Muted complement | a softer version of the opposite, for contrast without clashing |
| Pale Oak | #DBCFB0 | Analogous | a neighbor on the wheel, for a calm, harmonious look |
| Light Gray | #D3D3D3 | Analogous | the other neighbor on the wheel, for a natural blend |
| Light Steel Blue | #B0C4DE | Split complementary | next to its opposite: lively but easier to balance |
| Silver | #C0C0C0 | Split complementary | the other side of its opposite, for a balanced accent |
| Light Cornflower Blue | #98C1D9 | Triadic | a third of the way around the wheel, for a playful mix |
| Gold | #FFD700 | Metallic | warm metals flatter warm and neutral colors |
Beige color palettes
Calm neutrals: the color with three neutrals and one gentle accent
Beige #F5F5DC, Ivory #FFFFF0, Cream #FFFFC2, Taupe #B9A281, Pale Oak #DBCFB0. Open this palette in the generator.
Complementary pop: contrast from the opposite side of the wheel, balanced by neutrals
Beige #F5F5DC, Cloudy Blue #ACC2D9, Cool Gray #8D99AE, Ivory #FFFFF0, Navy #000080. Open this palette in the generator.
Analogous harmony: neighboring hues for a natural, blended look
Pale Oak #DBCFB0, Beige #F5F5DC, Light Gray #D3D3D3, Ivory #FFFFF0, Taupe #B9A281. Open this palette in the generator.
Monochromatic: one hue from light tint to deep shade
Platinum #E0E1DD, Ash Gray #BFC8AD, Beige #F5F5DC, Putty #BEAE8A, Brown Grey #8D8468. Open this palette in the generator.
Split complementary: two accents beside the complement, lively but easy to balance
Beige #F5F5DC, Light Steel Blue #B0C4DE, Silver #C0C0C0, Ivory #FFFFF0, Taupe #B9A281. Open this palette in the generator.
Playful triad: evenly spaced hues, softened with a neutral
Beige #F5F5DC, Light Cornflower Blue #98C1D9, Cream #FFFFC2, Navy #000080. Open this palette in the generator.
Curated palettes with beige
- Sage and Rainfall#562D2D #7B543F #5D8770 #98A58D #D7C3A7 #F6F5DF
- Dandelion and Buttercup#00332C #505F3E #6F9271 #90C0A8 #F2F5D8
- Bamboo Leaf#2F3E2B #9DB36F #CFDDA8 #F7F3E3
- Pandan Steam#2F3E2B #5C7A3A #AE8C69 #9DB36F #B1C499 #F7F3E3
- Gyokuro Room#42301C #5C7A3A #A0846A #CFDDA8 #F7F3E3
- Umber Table#211605 #44361D #746240 #A4926E #D4C6A8 #FAF0D7
How to use beige with other colors
- Rooms and interiors: paint beige on one wall or use it in textiles, then keep larger surfaces ivory or cream; add cloudy blue in small objects.
- Outfits: anchor beige with navy or denim, and use cool gray for one piece such as a scarf or shoes.
- Brands and websites: use beige for one role (background, buttons or headings), ivory for space and a dark neutral for text; black text reads best on beige itself.
- Follow the 60-30-10 rule: about 60% neutral, 30% your main color, 10% accent.
Colors that are close to beige 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 beige
- Beige color: hex #F5F5DC, 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 beige?
Beige pairs well with neutrals such as ivory, cream and taupe, and with accents such as cloudy blue, cool gray and pale oak. The palettes above show complete combinations with hex codes.
What is the complementary color of beige?
On the digital (OKLCH) color wheel, the complement of beige #F5F5DC is close to Cloudy Blue #ACC2D9. Use it in small amounts for contrast, or a muted version for a softer pairing.
What color text goes on beige?
Black text reads best on beige #F5F5DC. Check the exact pair in the contrast checker.
Does beige go with ivory?
Yes. Ivory is a clean, light backdrop that lets the color lead, so it is one of the easiest pairings for beige.
Make a beige palette
Lock this color in the generator and let it suggest harmonies, then check contrast and export.