#36454Frgb(54, 69, 79)
#696969rgb(105, 105, 105)
#A9A9A9rgb(169, 169, 169)
#DCDCDCrgb(220, 220, 220)
Deep charcoal gray, light gray — ideal for all kinds of styles, and similar scenes.
#F5F5F5rgb(245, 245, 245)
#E8E8E8rgb(232, 232, 232)
#D0D0D0rgb(208, 208, 208)
#B8B8B8rgb(184, 184, 184)
Off-white, light gray — ideal for cotton and linen and concrete, and similar scenes.
#8B8682rgb(139, 134, 130)
#A6A6A6rgb(166, 166, 166)
#C8C8C8rgb(200, 200, 200)
#E0E0E0rgb(224, 224, 224)
Deep gray brown, light gray — ideal for raw-wood gray and stone, and similar scenes.
#F5F5DCrgb(245, 245, 220)
#E8E5D7rgb(232, 229, 215)
#D4C8B8rgb(212, 200, 184)
#C2B280rgb(194, 178, 128)
Off-white, light milk-tea brown — ideal for linen and oats, and similar scenes.
#2F4F4Frgb(47, 79, 79)
#556B2Frgb(85, 107, 47)
#8FBC8Frgb(143, 188, 143)
#E8F5E9rgb(232, 245, 233)
Deep gray green, light green — ideal for moss and short grass, and similar scenes.
#F8F8FFrgb(248, 248, 255)
#E6E6FArgb(230, 230, 250)
#D8BFD8rgb(216, 191, 216)
#E0E0E0rgb(224, 224, 224)
Off-white, light purple gray — ideal for matte stone, and similar scenes.
#704214rgb(112, 66, 20)
#8B5A2Brgb(139, 90, 43)
#CD853Frgb(205, 133, 63)
#DEB887rgb(222, 184, 135)
Deep mocha brown, light brown — ideal for leather and wood grain, and similar scenes.
#FFFFFFrgb(255, 255, 255)
#F9F9F9rgb(249, 249, 249)
#F0F0F0rgb(240, 240, 240)
#E0E0E0rgb(224, 224, 224)
Pure white, light gray — ideal for ceramic and matte white, and similar scenes.
Neutral Color Card|Neutral Color Combinations|Neutral Color Schemes
Neutral color card and pairing schemes: a curated collection of Neutral-themed palettes offering professional Neutral color-matching and color-scheme advice, with one-tap copy of HEX and RGB color codes.
🎨 What color should Neutral be?
Neutral colors sit between warm and cool: black, white, gray, beige and earth tones form a timeless base spectrum. Extremely inclusive, such pairings can serve as the skeleton that supports any main color, or stand alone to express minimalism and sophistication. They are the safest and most enduring choice in any color system — and the place where pairing skill is truly tested. Mastering the brightness ladder among neutrals is the first lesson on the road to sophisticated color.
📋 Features of the Neutral color card and palette
The Neutral color card on this page gathers several pairing schemes carefully refined around the "Neutral" theme. Each palette is made of 3–5 mutually harmonious colors, each labeled with a standard HEX color code and RGB values, and copyable in one tap. Unlike a scattered list of colors, this palette emphasizes the "relationships" between colors: in a pairing, the main color, secondary colors and accent colors each play their part, while hue, brightness and saturation keep a consistent rhythm, so whether you use a whole set or pick one or two colors for an existing project, it's hard to break the overall harmony. Palettes in the Color Temperature dimension can also be cross-combined with palettes of other dimensions such as season, emotion, color temperature and style, helping you converge on an ideal color direction faster.
🎯 Application scenarios of the Neutral palette
The Neutral palette is very practical in projects that need precise control of a composition's temperature: whole-home soft-furnishing color planning, color-grading references for photography and film, design of daytime and nighttime app themes, and atmosphere building for dining and retail spaces can all start from this palette to quickly find a balance point.As a color-temperature-dimension palette, it helps you build a pairing framework starting from warm and cool — the most fundamental color attribute — and then gradually layer on style and emotion, making color-pairing decisions more methodical.
💡 Neutral color-matching tips and experience
1. Clarify the warm-cool protagonist of the composition: in Neutral pairing, the ratio of warm to cool colors determines the mood — set a 70% temperature base first, then use 30% to balance; 2. Use neutral colors as a buffer: when a warm-cool clash feels harsh, add off-white, gray or earth tones as a transition, and the composition immediately softens; 3. Create layers within the same color temperature: build foreground-background relationships with a brightness ladder inside the Neutral range — safer than introducing an opposing temperature; 4. Consider the light source and ambient color: screens, print and different lighting all change how temperature reads, so always verify once on the real medium before launch.
❓ Neutral color pairing FAQ
How do I choose the main color for a Neutral palette? Start from the core element you want to highlight in the composition, and within the Neutral spectrum pick the color with the highest recognizability and enough contrast against the background as the main color, letting the rest recede in turn as secondary and accent colors. How do I keep a Neutral pairing consistent? The key is to hold to a consistent brightness range and saturation range; the hue can vary freely within the Neutral range, but don't let any single color "jump out" of the overall hierarchy in brightness or purity. Can a palette be used commercially? Yes — color values themselves are not protected by copyright, and the HEX and RGB codes in the palettes on this page may be used freely in commercial projects; however, if a design references a work whose copyright belongs to someone else, the copyright of the original work still belongs to its author.
🛠️ How to use the Neutral palette on this page
Using the Neutral palette on this page is very simple: browse the color cards above — each pairing is made of several mutually harmonious colors and labeled with standard HEX color codes and RGB values. Click a swatch to copy it in one tap and paste it straight into Figma, Sketch, Photoshop or front-end CSS. If you need finer adjustment, open the Color Encyclopedia to check the HSL, HSV and CMYK parameters, shade variants and WCAG contrast ratio of a single color; if you want to compare different directions, switch to other dimensions of the palette via the filter at the top. We recommend distilling the Neutral color combinations you have validated into your team's color guidelines, so that every color pairing has a solid basis.