Moody Elegance Color Palette
This palette exudes a moody elegance, blending soft sage and stone grays with deep burgundy and vibrant magenta, creating a sophisticated yet bold atmosphere.
Practical uses and creative applications
The Moody Elegance Color Palette beautifully balances soft neutrals with rich, vibrant hues, making it a versatile choice for various design projects. Featuring delicate shades like #E7E9E2 alongside deeper tones such as #454040 and #940063, this palette exudes sophistication while maintaining a sense of warmth.
Ideal for branding, web design, and packaging, it is perfect for businesses looking to convey a sense of luxury and refinement. Whether you’re designing a high-end fashion website or elegant product packaging, these colors work harmoniously to create a cohesive and striking aesthetic.
This color palette is particularly suited for designers and creatives who aim to evoke a mood of understated elegance. Its combination of cool and warm tones allows for flexibility in interiors as well, making it an excellent choice for creating serene living spaces or chic commercial environments.
The inclusion of vibrant accents like #AE1E79 adds a pop of color that can energize a design without overwhelming it, making it perfect for those looking to express creativity while maintaining an air of sophistication. Dive into the world of the Moody Elegance Color Palette and elevate your projects with a touch of refined artistry.
Tailwind color scales
Browse Tailwind CSS color scales. Copy OKLCH, HEX, or HSL with one click. Preview colors in real UI examples and check contrast for accessibility.
| 50 | oklch(0.931 0.010 119.59) | #e7e9e2 | hsl(77, 14%, 90%) |
|
|
| 100 | oklch(0.931 0.010 119.59) | #e7e9e2 | hsl(77, 14%, 90%) |
|
|
| 200 | oklch(0.931 0.010 119.59) | #e7e9e2 | hsl(77, 14%, 90%) |
|
|
| 300 | oklch(0.931 0.010 119.59) | #e7e9e2 | hsl(77, 14%, 90%) |
|
|
| 400 | oklch(0.931 0.010 119.59) | #e7e9e2 | hsl(77, 14%, 90%) |
|
|
| 500 | oklch(0.931 0.010 119.59) | #e7e9e2 | hsl(77, 14%, 90%) |
|
|
| 600 | oklch(0.818 0.025 119.59) | #c1c6b4 | hsl(77, 14%, 74%) |
|
|
| 700 | oklch(0.700 0.044 121.10) | #9aa385 | hsl(78, 14%, 58%) |
|
|
| 800 | oklch(0.564 0.046 121.44) | #717a5c | hsl(78, 14%, 42%) |
|
|
| 900 | oklch(0.403 0.030 120.36) | #464b39 | hsl(77, 14%, 26%) |
|
|
| 950 | oklch(0.226 0.013 120.44) | #1b1d16 | hsl(77, 14%, 10%) |
|
| 50 | oklch(0.924 0.001 197.14) | #e5e6e6 | hsl(180, 2%, 90%) |
|
|
| 100 | oklch(0.847 0.002 197.12) | #cbcdcd | hsl(180, 2%, 80%) |
|
|
| 200 | oklch(0.765 0.003 228.80) | #b1b3b4 | hsl(200, 2%, 70%) |
|
|
| 300 | oklch(0.684 0.004 219.55) | #979a9b | hsl(195, 2%, 60%) |
|
|
| 400 | oklch(0.600 0.005 214.34) | #7d8182 | hsl(192, 2%, 50%) |
|
|
| 500 | oklch(0.511 0.004 219.57) | #646768 | hsl(195, 2%, 40%) |
|
|
| 600 | oklch(0.458 0.004 197.02) | #555858 | hsl(180, 2%, 34%) |
|
|
| 700 | oklch(0.400 0.003 228.85) | #464849 | hsl(200, 2%, 28%) |
|
|
| 800 | oklch(0.343 0.003 197.03) | #373939 | hsl(180, 2%, 22%) |
|
|
| 900 | oklch(0.280 0.002 247.91) | #28292a | hsl(210, 2%, 16%) |
|
|
| 950 | oklch(0.217 0.002 197.04) | #191a1a | hsl(180, 2%, 10%) |
|
| 50 | oklch(0.923 0.001 17.18) | #e6e5e5 | hsl(0, 2%, 90%) |
|
|
| 100 | oklch(0.820 0.004 17.25) | #c7c3c3 | hsl(0, 3%, 77%) |
|
|
| 200 | oklch(0.715 0.008 17.35) | #a8a1a1 | hsl(0, 4%, 65%) |
|
|
| 300 | oklch(0.604 0.011 17.46) | #887f7f | hsl(0, 4%, 52%) |
|
|
| 400 | oklch(0.493 0.010 17.51) | #675f5f | hsl(0, 4%, 39%) |
|
|
| 500 | oklch(0.376 0.007 17.46) | #454040 | hsl(0, 4%, 26%) |
|
|
| 600 | oklch(0.345 0.006 17.43) | #3c3838 | hsl(0, 3%, 23%) |
|
|
| 700 | oklch(0.313 0.006 17.46) | #343030 | hsl(0, 4%, 20%) |
|
|
| 800 | oklch(0.280 0.004 17.42) | #2b2828 | hsl(0, 4%, 16%) |
|
|
| 900 | oklch(0.247 0.005 17.47) | #232020 | hsl(0, 4%, 13%) |
|
|
| 950 | oklch(0.215 0.002 17.28) | #1a1919 | hsl(0, 2%, 10%) |
|
| 50 | oklch(0.907 0.049 340.89) | #f8d4ea | hsl(323, 72%, 90%) |
|
|
| 100 | oklch(0.814 0.103 340.97) | #f0a8d6 | hsl(322, 71%, 80%) |
|
|
| 200 | oklch(0.730 0.155 343.12) | #e97dc1 | hsl(322, 71%, 70%) |
|
|
| 300 | oklch(0.655 0.202 345.22) | #e151ac | hsl(322, 71%, 60%) |
|
|
| 400 | oklch(0.601 0.231 348.49) | #da2697 | hsl(322, 71%, 50%) |
|
|
| 500 | oklch(0.509 0.195 348.03) | #ae1e79 | hsl(322, 71%, 40%) |
|
|
| 600 | oklch(0.454 0.171 347.82) | #941a67 | hsl(322, 70%, 34%) |
|
|
| 700 | oklch(0.396 0.148 347.47) | #7a1555 | hsl(322, 71%, 28%) |
|
|
| 800 | oklch(0.337 0.123 347.06) | #601143 | hsl(322, 70%, 22%) |
|
|
| 900 | oklch(0.274 0.096 347.29) | #460c30 | hsl(323, 71%, 16%) |
|
|
| 950 | oklch(0.209 0.066 346.61) | #2c081e | hsl(323, 69%, 10%) |
|
| 50 | oklch(0.900 0.072 338.80) | #ffccee | hsl(320, 100%, 90%) |
|
|
| 100 | oklch(0.791 0.163 340.80) | #ff8eda | hsl(320, 100%, 78%) |
|
|
| 200 | oklch(0.709 0.239 343.91) | #ff50c5 | hsl(320, 100%, 66%) |
|
|
| 300 | oklch(0.665 0.274 348.16) | #ff11b0 | hsl(320, 100%, 53%) |
|
|
| 400 | oklch(0.571 0.239 349.09) | #d2008d | hsl(320, 100%, 41%) |
|
|
| 500 | oklch(0.441 0.185 348.65) | #940063 | hsl(320, 100%, 29%) |
|
|
| 600 | oklch(0.399 0.167 348.52) | #810056 | hsl(320, 100%, 25%) |
|
|
| 700 | oklch(0.354 0.149 347.90) | #6d0049 | hsl(320, 100%, 21%) |
|
|
| 800 | oklch(0.310 0.130 347.58) | #5a003c | hsl(320, 100%, 18%) |
|
|
| 900 | oklch(0.262 0.111 346.47) | #46002f | hsl(320, 100%, 14%) |
|
|
| 950 | oklch(0.214 0.091 345.54) | #330022 | hsl(320, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
