#A8A196rgb(168, 161, 150)
#BFB5ADrgb(191, 181, 173)
#D4CDC4rgb(212, 205, 196)
#E8E4DFrgb(232, 228, 223)
Morandi gray brown — ideal for a refined and soft style, and similar scenes.
#9A9483rgb(154, 148, 131)
#B0A998rgb(176, 169, 152)
#C6C0B5rgb(198, 192, 181)
#DCD6CCrgb(220, 214, 204)
Morandi wood gray — ideal for a rustic yet refined style, and similar scenes.
#B3A1B2rgb(179, 161, 178)
#C7B6C6rgb(199, 182, 198)
#DBCBDBrgb(219, 203, 219)
#EDE5EDrgb(237, 229, 237)
Morandi pink purple — ideal for a gentle and refined style, and similar scenes.
#8F9AA5rgb(143, 154, 165)
#A5B0BBrgb(165, 176, 187)
#BBC5CCrgb(187, 197, 204)
#D1D8DFrgb(209, 216, 223)
Morandi gray blue — ideal for a serene and refined style, and similar scenes.
#BFA695rgb(191, 166, 149)
#D0BDADrgb(208, 189, 173)
#E0D4CBrgb(224, 212, 203)
#F0E9E0rgb(240, 233, 224)
Morandi orange brown — ideal for a warm and refined style, and similar scenes.
#8A9A89rgb(138, 154, 137)
#A1B0A0rgb(161, 176, 160)
#B8C0B7rgb(184, 192, 183)
#CFD6CErgb(207, 214, 206)
Morandi gray green — ideal for a natural and refined style, and similar scenes.
#A68F97rgb(166, 143, 151)
#BDAAAFrgb(189, 170, 175)
#D3C1C7rgb(211, 193, 199)
#E9DFE3rgb(233, 223, 227)
Morandi pink brown — ideal for a gentle and refined style, and similar scenes.
#929AADrgb(146, 154, 173)
#A8B0C0rgb(168, 176, 192)
#BDC4D1rgb(189, 196, 209)
#D3D8E2rgb(211, 216, 226)
Morandi blue gray — ideal for an elegant and refined style, and similar scenes.
Morandi Color Card|Morandi Color Combinations|Morandi Color Schemes
Morandi color card and pairing schemes: a curated collection of Morandi-themed palettes offering professional Morandi color-matching and color-scheme advice, with one-tap copy of HEX and RGB color codes.
🎨 What color should Morandi be?
The core of Morandi colors is adding a layer of gray to every color: gray pink, gray blue, gray green and oat tones defer to one another, with no single color trying to seize the eye. Quiet, gentle and enduring, such pairings carry a built-in sophisticated detachment and are an evergreen direction for home décor, fashion and artistic brands.
📋 Features of the Morandi color card and palette
The Morandi color card on this page gathers several pairing schemes carefully refined around the "Morandi" 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 Style 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 Morandi palette
The Morandi palette is a ready-made starting point in stylized design: themed brand visuals, distinctive event key visuals, color setting for illustration and cultural-creative products, and trend collaborations and themed space design can all borrow this palette directly to establish a visual tone, then add typography and graphic language to complete the expression.As a style-dimension palette, it corresponds to specific design movements and visual languages, and can serve directly as the color starting point for stylized design, working even better alongside typography, layout and graphic language.
💡 Morandi color-matching tips and experience
1. Understand the style logic before pairing colors: Morandi is not just a handful of colors but also proportions, textures and graphic language — the palette must be used together with the style rules; 2. Lock in the signature colors of the style: every style has two or three most recognizable colors — fix them as visual assets and the coherence of a series design improves greatly; 3. Restrain cross-genre mixing: when mixing Morandi with colors of another style, control it at roughly an 8:2 ratio to avoid diluting the style; 4. Build a style color-card archive: distill validated palettes into a team palette so later projects can reuse and iterate directly.
❓ Morandi color pairing FAQ
How do I choose the main color for a Morandi palette? Start from the core element you want to highlight in the composition, and within the Morandi 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 Morandi pairing consistent? The key is to hold to a consistent brightness range and saturation range; the hue can vary freely within the Morandi 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 Morandi palette on this page
Using the Morandi 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 Morandi color combinations you have validated into your team's color guidelines, so that every color pairing has a solid basis.