Moody Elegance Color Palette
This palette exudes a moody elegance with deep, shadowy hues of charcoal and burgundy, illuminated by a bold, fiery orange that adds a striking touch of warmth and intensity.
Practical uses and creative applications
The Moody Elegance Color Palette combines rich, muted tones to create a sophisticated and dramatic aesthetic. With its deep hues of #86787F, #5B4E54, #30242A, and #181215, complemented by a striking pop of #D5511C, this palette is perfect for branding that seeks to convey luxury and depth.
Ideal for high-end fashion labels, boutique hotels, or artisanal products, these colors evoke a sense of timeless elegance, making them perfect for any project that demands a touch of refinement. In the realm of web design, the Moody Elegance palette can set a captivating tone for websites that aim to attract a discerning audience.
Designers and creatives can utilize these colors to enhance user experience, guiding visitors through an immersive journey. Whether it’s for a portfolio site showcasing art and photography or a stylish e-commerce platform, the combination of dark and rich tones can create an inviting atmosphere that encourages exploration.
For interior design and packaging, this palette is equally versatile. Imagine a contemporary living space adorned with these colors, creating a cozy yet sophisticated environment.
In packaging, the dramatic hues can elevate the unboxing experience, making products feel exclusive and desirable. Overall, the Moody Elegance Color Palette is tailored for those who appreciate the interplay of shadow and light, and it resonates deeply with designers looking to make a bold statement.
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.
dsfds
| 50 | oklch(0.922 0.004 337.36) | #e7e4e6 | hsl(320, 6%, 90%) |
|
|
| 100 | oklch(0.857 0.008 345.38) | #d4ced1 | hsl(330, 7%, 82%) |
|
|
| 200 | oklch(0.793 0.010 341.87) | #c0b9bd | hsl(326, 5%, 74%) |
|
|
| 300 | oklch(0.725 0.014 345.62) | #ada3a8 | hsl(330, 6%, 66%) |
|
|
| 400 | oklch(0.658 0.016 343.42) | #998e94 | hsl(327, 5%, 58%) |
|
|
| 500 | oklch(0.588 0.020 346.01) | #86787f | hsl(330, 6%, 50%) |
|
|
| 600 | oklch(0.520 0.018 346.01) | #71656b | hsl(330, 6%, 42%) |
|
|
| 700 | oklch(0.449 0.013 348.92) | #5b5256 | hsl(333, 5%, 34%) |
|
|
| 800 | oklch(0.373 0.013 346.02) | #463e42 | hsl(330, 6%, 26%) |
|
|
| 900 | oklch(0.296 0.009 340.91) | #302b2e | hsl(324, 5%, 18%) |
|
|
| 950 | oklch(0.213 0.006 337.83) | #1b181a | hsl(320, 6%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.004 354.70) | #e7e4e5 | hsl(340, 6%, 90%) |
|
|
| 100 | oklch(0.829 0.011 348.49) | #cdc4c8 | hsl(333, 8%, 79%) |
|
|
| 200 | oklch(0.735 0.017 347.81) | #b2a5ab | hsl(332, 8%, 67%) |
|
|
| 300 | oklch(0.638 0.023 347.66) | #97868e | hsl(332, 8%, 56%) |
|
|
| 400 | oklch(0.540 0.025 347.88) | #7a6971 | hsl(332, 7%, 45%) |
|
|
| 500 | oklch(0.439 0.020 348.36) | #5b4e54 | hsl(332, 8%, 33%) |
|
|
| 600 | oklch(0.396 0.017 348.70) | #4e4348 | hsl(333, 8%, 28%) |
|
|
| 700 | oklch(0.353 0.016 346.31) | #42383d | hsl(330, 8%, 24%) |
|
|
| 800 | oklch(0.307 0.013 346.25) | #352d31 | hsl(330, 8%, 19%) |
|
|
| 900 | oklch(0.260 0.011 346.17) | #282225 | hsl(330, 8%, 15%) |
|
|
| 950 | oklch(0.213 0.005 355.27) | #1b1819 | hsl(340, 6%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.009 341.82) | #e9e2e6 | hsl(326, 14%, 90%) |
|
|
| 100 | oklch(0.797 0.024 345.91) | #c9b7c0 | hsl(330, 14%, 75%) |
|
|
| 200 | oklch(0.671 0.041 345.74) | #a98c9b | hsl(329, 14%, 61%) |
|
|
| 300 | oklch(0.543 0.050 347.41) | #866475 | hsl(330, 15%, 46%) |
|
|
| 400 | oklch(0.416 0.037 346.14) | #5b4450 | hsl(329, 14%, 31%) |
|
|
| 500 | oklch(0.277 0.021 347.01) | #30242a | hsl(330, 14%, 16%) |
|
|
| 600 | oklch(0.263 0.020 344.61) | #2c2127 | hsl(327, 14%, 15%) |
|
|
| 700 | oklch(0.249 0.018 346.92) | #281e23 | hsl(330, 14%, 14%) |
|
|
| 800 | oklch(0.239 0.016 349.85) | #251c20 | hsl(333, 14%, 13%) |
|
|
| 900 | oklch(0.225 0.015 346.77) | #21191d | hsl(330, 14%, 11%) |
|
|
| 950 | oklch(0.210 0.013 343.04) | #1d161a | hsl(326, 14%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.009 341.82) | #e9e2e6 | hsl(326, 14%, 90%) |
|
|
| 100 | oklch(0.783 0.026 344.61) | #c5b2bc | hsl(328, 14%, 74%) |
|
|
| 200 | oklch(0.644 0.043 347.69) | #a28392 | hsl(331, 14%, 57%) |
|
|
| 300 | oklch(0.500 0.045 347.36) | #775968 | hsl(330, 14%, 41%) |
|
|
| 400 | oklch(0.356 0.029 347.18) | #48363f | hsl(330, 14%, 25%) |
|
|
| 500 | oklch(0.191 0.011 346.64) | #181215 | hsl(330, 14%, 8%) |
|
|
| 600 | oklch(0.195 0.011 346.60) | #191316 | hsl(330, 14%, 9%) |
|
|
| 700 | oklch(0.200 0.011 346.56) | #1a1417 | hsl(330, 13%, 9%) |
|
|
| 800 | oklch(0.202 0.014 343.12) | #1b1418 | hsl(326, 15%, 9%) |
|
|
| 900 | oklch(0.206 0.014 343.08) | #1c1519 | hsl(326, 14%, 10%) |
|
|
| 950 | oklch(0.210 0.013 343.04) | #1d161a | hsl(326, 14%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.035 42.70) | #f9ddd2 | hsl(17, 76%, 90%) |
|
|
| 100 | oklch(0.849 0.067 43.06) | #f4c0ab | hsl(17, 77%, 81%) |
|
|
| 200 | oklch(0.783 0.100 42.35) | #efa385 | hsl(17, 77%, 73%) |
|
|
| 300 | oklch(0.720 0.134 42.16) | #ea865e | hsl(17, 77%, 64%) |
|
|
| 400 | oklch(0.664 0.167 40.85) | #e56938 | hsl(17, 77%, 56%) |
|
|
| 500 | oklch(0.605 0.177 39.49) | #d5511c | hsl(17, 77%, 47%) |
|
|
| 600 | oklch(0.533 0.154 39.55) | #b34418 | hsl(17, 76%, 40%) |
|
|
| 700 | oklch(0.460 0.131 39.69) | #923713 | hsl(17, 77%, 32%) |
|
|
| 800 | oklch(0.384 0.105 40.46) | #702b0f | hsl(17, 76%, 25%) |
|
|
| 900 | oklch(0.305 0.080 40.97) | #4f1e0a | hsl(17, 78%, 17%) |
|
|
| 950 | oklch(0.218 0.050 42.05) | #2d1106 | hsl(17, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
