Moody Elegance Color Palette
This palette exudes a moody elegance with deep burgundy and charcoal hues, softened by cool slate and airy sky blue, creating a sophisticated yet serene atmosphere.
Practical uses and creative applications
The Moody Elegance Color Palette combines deep, rich tones with subtle, airy shades, creating a sophisticated aesthetic that's perfect for a variety of design projects. Featuring the dramatic #502D31 and #292421 alongside the soft #F4F9FF, this palette evokes a sense of depth and refinement.
Ideal for branding and web design, it appeals to creatives looking to convey luxury and artistry. Use these colors to craft a stunning visual identity that resonates with audiences who appreciate the finer things in life.
This palette is particularly suited for designers in the fashion, beauty, or high-end lifestyle sectors, where mood and elegance are paramount. The darker hues can be effectively used for backgrounds and text, while the lighter shades offer a perfect contrast for highlights and accents.
Additionally, the Moody Elegance Color Palette can enhance packaging design, creating an alluring unboxing experience that captivates consumers. Whether you're redesigning a website or creating a modern interior space, this palette invites an atmosphere of sophistication and calm.
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.913 0.017 8.19) | #eddee0 | hsl(352, 29%, 90%) |
|
|
| 100 | oklch(0.799 0.038 11.79) | #d5b4b7 | hsl(355, 28%, 77%) |
|
|
| 200 | oklch(0.682 0.064 11.23) | #bd898f | hsl(353, 28%, 64%) |
|
|
| 300 | oklch(0.564 0.092 13.09) | #a45e66 | hsl(353, 28%, 51%) |
|
|
| 400 | oklch(0.457 0.074 13.31) | #7b454b | hsl(353, 28%, 38%) |
|
|
| 500 | oklch(0.343 0.052 12.78) | #502d31 | hsl(353, 28%, 25%) |
|
|
| 600 | oklch(0.318 0.047 13.80) | #47282b | hsl(354, 28%, 22%) |
|
|
| 700 | oklch(0.288 0.042 12.81) | #3d2225 | hsl(353, 28%, 19%) |
|
|
| 800 | oklch(0.262 0.036 11.40) | #341d20 | hsl(352, 28%, 16%) |
|
|
| 900 | oklch(0.234 0.029 12.29) | #2a181a | hsl(353, 27%, 13%) |
|
|
| 950 | oklch(0.204 0.025 10.82) | #211214 | hsl(352, 29%, 10%) |
|
| 50 | oklch(0.924 0.004 56.37) | #e8e5e3 | hsl(24, 10%, 90%) |
|
|
| 100 | oklch(0.804 0.012 51.28) | #c6bdb8 | hsl(21, 11%, 75%) |
|
|
| 200 | oklch(0.683 0.021 55.00) | #a4968d | hsl(23, 11%, 60%) |
|
|
| 300 | oklch(0.553 0.023 52.99) | #7e6f66 | hsl(23, 11%, 45%) |
|
|
| 400 | oklch(0.415 0.018 50.47) | #544943 | hsl(21, 11%, 30%) |
|
|
| 500 | oklch(0.265 0.009 53.07) | #292421 | hsl(23, 11%, 15%) |
|
|
| 600 | oklch(0.255 0.008 59.29) | #26221f | hsl(26, 10%, 14%) |
|
|
| 700 | oklch(0.247 0.008 59.27) | #24201d | hsl(26, 11%, 13%) |
|
|
| 800 | oklch(0.235 0.007 48.39) | #211d1b | hsl(20, 10%, 12%) |
|
|
| 900 | oklch(0.226 0.007 48.38) | #1f1b19 | hsl(20, 11%, 11%) |
|
|
| 950 | oklch(0.216 0.006 56.04) | #1c1917 | hsl(24, 10%, 10%) |
|
| 50 | oklch(0.921 0.005 258.33) | #e3e5e8 | hsl(216, 10%, 90%) |
|
|
| 100 | oklch(0.831 0.010 252.82) | #c3c8ce | hsl(213, 10%, 79%) |
|
|
| 200 | oklch(0.736 0.016 257.21) | #a3aab4 | hsl(215, 10%, 67%) |
|
|
| 300 | oklch(0.640 0.023 254.97) | #838d9a | hsl(214, 10%, 56%) |
|
|
| 400 | oklch(0.539 0.025 259.19) | #666f7d | hsl(217, 10%, 45%) |
|
|
| 500 | oklch(0.440 0.019 257.25) | #4c535d | hsl(215, 10%, 33%) |
|
|
| 600 | oklch(0.396 0.017 258.37) | #414750 | hsl(216, 10%, 28%) |
|
|
| 700 | oklch(0.354 0.014 256.77) | #373c43 | hsl(215, 10%, 24%) |
|
|
| 800 | oklch(0.308 0.012 258.37) | #2c3036 | hsl(216, 10%, 19%) |
|
|
| 900 | oklch(0.263 0.009 255.58) | #222529 | hsl(214, 9%, 15%) |
|
|
| 950 | oklch(0.213 0.007 258.37) | #17191c | hsl(216, 10%, 10%) |
|
| 50 | oklch(0.921 0.006 255.48) | #e2e5e9 | hsl(214, 14%, 90%) |
|
|
| 100 | oklch(0.884 0.008 253.86) | #d5d9de | hsl(213, 12%, 85%) |
|
|
| 200 | oklch(0.844 0.012 264.50) | #c8ccd4 | hsl(220, 12%, 81%) |
|
|
| 300 | oklch(0.807 0.015 264.48) | #bbc0ca | hsl(220, 12%, 76%) |
|
|
| 400 | oklch(0.768 0.018 259.42) | #adb4bf | hsl(217, 12%, 71%) |
|
|
| 500 | oklch(0.729 0.021 260.16) | #a0a8b5 | hsl(217, 12%, 67%) |
|
|
| 600 | oklch(0.631 0.030 260.29) | #7f8a9c | hsl(217, 13%, 55%) |
|
|
| 700 | oklch(0.532 0.029 261.08) | #636d7e | hsl(218, 12%, 44%) |
|
|
| 800 | oklch(0.433 0.024 260.12) | #49515e | hsl(217, 13%, 33%) |
|
|
| 900 | oklch(0.327 0.016 259.80) | #30353d | hsl(217, 12%, 21%) |
|
|
| 950 | oklch(0.212 0.009 255.61) | #16191d | hsl(214, 14%, 10%) |
|
| 50 | oklch(0.908 0.046 253.41) | #cce3ff | hsl(213, 100%, 90%) |
|
|
| 100 | oklch(0.923 0.038 251.92) | #d4e8ff | hsl(212, 100%, 92%) |
|
|
| 200 | oklch(0.937 0.031 252.69) | #dcecff | hsl(213, 100%, 93%) |
|
|
| 300 | oklch(0.951 0.024 253.95) | #e4f0ff | hsl(213, 100%, 95%) |
|
|
| 400 | oklch(0.966 0.017 250.84) | #ecf5ff | hsl(212, 100%, 96%) |
|
|
| 500 | oklch(0.980 0.010 252.81) | #f4f9ff | hsl(213, 100%, 98%) |
|
|
| 600 | oklch(0.820 0.092 253.30) | #9ac8ff | hsl(213, 100%, 80%) |
|
|
| 700 | oklch(0.675 0.175 255.10) | #4197ff | hsl(213, 100%, 63%) |
|
|
| 800 | oklch(0.549 0.207 258.38) | #0069e6 | hsl(213, 100%, 45%) |
|
|
| 900 | oklch(0.387 0.141 257.55) | #00408d | hsl(213, 100%, 28%) |
|
|
| 950 | oklch(0.205 0.064 253.21) | #001733 | hsl(213, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
