Moody Elegance Color Palette
This palette evokes a moody elegance with deep charcoal, rich mahogany, muted taupe, warm caramel, and soft slate, creating a sophisticated and cozy atmosphere reminiscent of a rustic, candlelit retreat.
Practical uses and creative applications
The Moody Elegance Color Palette is a striking combination of deep hues and warm accents that exudes sophistication and mystery. With its rich colorsranging from the nearly black #020304 to the warm taupe #cc9e61this palette is ideal for designers and creatives looking to evoke a sense of depth and refinement in their projects.
It is particularly suited for branding, where a luxurious yet approachable aesthetic can set a business apart. The blend of dark and light tones creates a visual balance that can enhance logos, packaging designs, and promotional materials.
In web design, the Moody Elegance Color Palette can create an immersive user experience. The darker shades can be utilized for backgrounds, while the warmer tones can highlight important elements, guiding users through the site seamlessly.
This palette is perfect for businesses in the luxury sectorthink high-end fashion, boutique hotels, or gourmet food brandswhere first impressions matter. Additionally, in interior design, these colors can transform a space into a cozy, elegant retreat, making it a favorite choice for those looking to create a sophisticated atmosphere in their homes or commercial spaces.
Whether you’re a graphic designer, a branding specialist, or an interior decorator, this palette offers endless possibilities to craft visually stunning and emotionally resonant experiences.
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.920 0.015 244.73) | #dde6ee | hsl(208, 33%, 90%) |
|
|
| 100 | oklch(0.773 0.043 249.50) | #a1b8d0 | hsl(211, 33%, 72%) |
|
|
| 200 | oklch(0.623 0.074 249.08) | #648bb2 | hsl(210, 34%, 55%) |
|
|
| 300 | oklch(0.471 0.063 248.53) | #3e5e7d | hsl(210, 34%, 37%) |
|
|
| 400 | oklch(0.303 0.036 249.10) | #203040 | hsl(210, 33%, 19%) |
|
|
| 500 | oklch(0.095 0.006 243.12) | #020304 | hsl(210, 33%, 1%) |
|
|
| 600 | oklch(0.131 0.008 232.14) | #05080a | hsl(204, 33%, 3%) |
|
|
| 700 | oklch(0.152 0.011 247.71) | #080c10 | hsl(210, 33%, 5%) |
|
|
| 800 | oklch(0.174 0.014 243.84) | #0b1116 | hsl(207, 33%, 6%) |
|
|
| 900 | oklch(0.192 0.018 248.77) | #0e151c | hsl(210, 33%, 8%) |
|
|
| 950 | oklch(0.213 0.021 245.80) | #111a22 | hsl(208, 33%, 10%) |
|
dsfds
| 50 | oklch(0.911 0.030 30.64) | #f5dbd6 | hsl(10, 61%, 90%) |
|
|
| 100 | oklch(0.791 0.077 31.94) | #e8a99c | hsl(10, 62%, 76%) |
|
|
| 200 | oklch(0.677 0.127 33.16) | #da7863 | hsl(11, 62%, 62%) |
|
|
| 300 | oklch(0.574 0.166 33.45) | #c7492f | hsl(10, 62%, 48%) |
|
|
| 400 | oklch(0.449 0.125 33.26) | #8d3422 | hsl(10, 61%, 34%) |
|
|
| 500 | oklch(0.317 0.082 33.39) | #541f14 | hsl(10, 62%, 20%) |
|
|
| 600 | oklch(0.295 0.074 33.58) | #4b1c12 | hsl(11, 61%, 18%) |
|
|
| 700 | oklch(0.275 0.068 33.61) | #431910 | hsl(11, 61%, 16%) |
|
|
| 800 | oklch(0.253 0.059 33.92) | #3a160e | hsl(11, 61%, 14%) |
|
|
| 900 | oklch(0.231 0.054 32.24) | #32120c | hsl(9, 61%, 12%) |
|
|
| 950 | oklch(0.208 0.045 32.30) | #290f0a | hsl(10, 61%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.006 59.65) | #e9e5e2 | hsl(26, 14%, 90%) |
|
|
| 100 | oklch(0.865 0.010 58.20) | #d8d1cc | hsl(25, 13%, 82%) |
|
|
| 200 | oklch(0.804 0.016 61.29) | #c7bdb5 | hsl(27, 14%, 75%) |
|
|
| 300 | oklch(0.742 0.020 62.36) | #b5a99f | hsl(27, 13%, 67%) |
|
|
| 400 | oklch(0.679 0.026 63.31) | #a49588 | hsl(28, 13%, 59%) |
|
|
| 500 | oklch(0.615 0.031 62.01) | #938172 | hsl(27, 13%, 51%) |
|
|
| 600 | oklch(0.543 0.028 61.27) | #7c6c5f | hsl(27, 13%, 43%) |
|
|
| 700 | oklch(0.466 0.023 59.75) | #64574d | hsl(26, 13%, 35%) |
|
|
| 800 | oklch(0.389 0.018 63.91) | #4c433b | hsl(28, 13%, 26%) |
|
|
| 900 | oklch(0.307 0.015 62.86) | #352e28 | hsl(28, 14%, 18%) |
|
|
| 950 | oklch(0.217 0.009 59.18) | #1d1916 | hsl(26, 14%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.024 73.60) | #f3e7d8 | hsl(33, 53%, 90%) |
|
|
| 100 | oklch(0.894 0.038 75.13) | #ebd9c1 | hsl(34, 51%, 84%) |
|
|
| 200 | oklch(0.852 0.052 74.65) | #e3caa9 | hsl(34, 51%, 78%) |
|
|
| 300 | oklch(0.810 0.067 74.18) | #dbbb91 | hsl(34, 51%, 71%) |
|
|
| 400 | oklch(0.771 0.082 74.09) | #d4ad79 | hsl(34, 51%, 65%) |
|
|
| 500 | oklch(0.729 0.096 73.19) | #cc9e61 | hsl(34, 51%, 59%) |
|
|
| 600 | oklch(0.664 0.112 71.62) | #be873d | hsl(34, 51%, 49%) |
|
|
| 700 | oklch(0.565 0.094 71.74) | #986c31 | hsl(34, 51%, 39%) |
|
|
| 800 | oklch(0.461 0.074 71.90) | #725125 | hsl(34, 51%, 30%) |
|
|
| 900 | oklch(0.351 0.053 72.11) | #4c3619 | hsl(34, 50%, 20%) |
|
|
| 950 | oklch(0.233 0.032 71.37) | #271b0c | hsl(33, 53%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.001 286.37) | #e5e5e6 | hsl(240, 2%, 90%) |
|
|
| 100 | oklch(0.843 0.003 286.34) | #cbcbcd | hsl(240, 2%, 80%) |
|
|
| 200 | oklch(0.758 0.004 286.30) | #b0b0b3 | hsl(240, 2%, 70%) |
|
|
| 300 | oklch(0.674 0.006 286.24) | #96969a | hsl(240, 2%, 60%) |
|
|
| 400 | oklch(0.585 0.008 286.16) | #7b7b80 | hsl(240, 2%, 49%) |
|
|
| 500 | oklch(0.498 0.006 286.17) | #626266 | hsl(240, 2%, 39%) |
|
|
| 600 | oklch(0.444 0.006 286.13) | #535357 | hsl(240, 2%, 33%) |
|
|
| 700 | oklch(0.392 0.005 286.17) | #454548 | hsl(240, 2%, 28%) |
|
|
| 800 | oklch(0.334 0.003 286.21) | #363638 | hsl(240, 2%, 22%) |
|
|
| 900 | oklch(0.277 0.002 286.28) | #282829 | hsl(240, 1%, 16%) |
|
|
| 950 | oklch(0.214 0.002 286.23) | #19191a | hsl(240, 2%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
