Moody Elegance Color Palette
This palette exudes a moody elegance, blending deep charcoal, muted taupe, soft cream, and a whisper of pale olive, creating a sophisticated atmosphere that feels both grounded and serene.
Practical uses and creative applications
The Moody Elegance Color Palette is a sophisticated blend of deep tones and soft neutrals, making it an ideal choice for designers and creatives looking to evoke a sense of drama and refinement. The striking contrast of #020202, a deep black, paired with the muted warmth of #493d3f and the soft beige #f8f2ce creates a rich visual experience.
This palette not only enhances branding but also elevates web design, packaging, and interior spaces, appealing to those who appreciate a touch of elegance in their projects. Perfect for luxury brands, high-end fashion, or upscale interior design, the Moody Elegance Color Palette suits a variety of applications.
Designers can utilize these colors to create mood boards that resonate with their target audience, evoking feelings of sophistication and timelessness. Whether it's for a chic website, a stylish product packaging, or a beautifully curated living space, this palette fosters an atmosphere of understated elegance that captivates the eye and engages the senses.
For creatives looking to make a bold statement while maintaining a sense of grace, this color combination is a must-have in their toolkit.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 200 | oklch(0.637 0.000 89.88) | #8b8b8b | hsl(0, 0%, 55%) |
|
|
| 300 | oklch(0.478 0.000 89.88) | #5d5d5d | hsl(0, 0%, 36%) |
|
|
| 400 | oklch(0.309 0.000 89.88) | #303030 | hsl(0, 0%, 19%) |
|
|
| 500 | oklch(0.085 0.000 89.88) | #020202 | hsl(0, 0%, 1%) |
|
|
| 600 | oklch(0.129 0.000 89.88) | #070707 | hsl(0, 0%, 3%) |
|
|
| 700 | oklch(0.150 0.000 89.88) | #0b0b0b | hsl(0, 0%, 4%) |
|
|
| 800 | oklch(0.173 0.000 89.88) | #101010 | hsl(0, 0%, 6%) |
|
|
| 900 | oklch(0.196 0.000 89.88) | #151515 | hsl(0, 0%, 8%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.006 3.35) | #e8e3e4 | hsl(348, 10%, 90%) |
|
|
| 100 | oklch(0.817 0.012 3.57) | #cac0c2 | hsl(348, 9%, 77%) |
|
|
| 200 | oklch(0.708 0.020 5.53) | #ad9c9f | hsl(349, 9%, 65%) |
|
|
| 300 | oklch(0.598 0.028 5.63) | #8f797d | hsl(349, 9%, 52%) |
|
|
| 400 | oklch(0.489 0.023 5.97) | #6c5b5e | hsl(349, 9%, 39%) |
|
|
| 500 | oklch(0.373 0.017 6.61) | #493d3f | hsl(350, 9%, 26%) |
|
|
| 600 | oklch(0.341 0.016 5.63) | #403537 | hsl(349, 9%, 23%) |
|
|
| 700 | oklch(0.311 0.013 10.29) | #372e2f | hsl(353, 9%, 20%) |
|
|
| 800 | oklch(0.278 0.012 1.10) | #2e2628 | hsl(345, 10%, 16%) |
|
|
| 900 | oklch(0.247 0.009 6.42) | #251f20 | hsl(350, 9%, 13%) |
|
|
| 950 | oklch(0.211 0.008 4.22) | #1c1718 | hsl(348, 10%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.012 96.43) | #ebe9e0 | hsl(49, 22%, 90%) |
|
|
| 100 | oklch(0.900 0.018 92.70) | #e2ded1 | hsl(46, 23%, 85%) |
|
|
| 200 | oklch(0.869 0.025 94.10) | #d9d4c2 | hsl(47, 23%, 81%) |
|
|
| 300 | oklch(0.836 0.031 92.36) | #d0c9b3 | hsl(46, 24%, 76%) |
|
|
| 400 | oklch(0.803 0.038 95.09) | #c6bfa4 | hsl(48, 23%, 71%) |
|
|
| 500 | oklch(0.769 0.044 93.73) | #bdb495 | hsl(47, 23%, 66%) |
|
|
| 600 | oklch(0.689 0.058 93.72) | #a79b72 | hsl(46, 23%, 55%) |
|
|
| 700 | oklch(0.594 0.058 93.37) | #8a7e56 | hsl(46, 23%, 44%) |
|
|
| 800 | oklch(0.481 0.046 94.97) | #665e40 | hsl(47, 23%, 33%) |
|
|
| 900 | oklch(0.361 0.032 92.63) | #433d2a | hsl(46, 23%, 21%) |
|
|
| 950 | oklch(0.230 0.017 97.01) | #1f1d14 | hsl(49, 22%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.044 98.65) | #f9f3d2 | hsl(51, 76%, 90%) |
|
|
| 100 | oklch(0.960 0.044 98.65) | #f9f3d2 | hsl(51, 76%, 90%) |
|
|
| 200 | oklch(0.959 0.045 100.29) | #f8f3d1 | hsl(52, 74%, 90%) |
|
|
| 300 | oklch(0.957 0.045 98.92) | #f8f2d0 | hsl(51, 74%, 89%) |
|
|
| 400 | oklch(0.957 0.046 99.17) | #f8f2cf | hsl(51, 75%, 89%) |
|
|
| 500 | oklch(0.957 0.047 99.41) | #f8f2ce | hsl(51, 75%, 89%) |
|
|
| 600 | oklch(0.897 0.110 99.80) | #eedf87 | hsl(51, 75%, 73%) |
|
|
| 700 | oklch(0.844 0.154 99.66) | #e4cd41 | hsl(52, 75%, 57%) |
|
|
| 800 | oklch(0.714 0.142 98.50) | #baa31b | hsl(51, 75%, 42%) |
|
|
| 900 | oklch(0.505 0.099 99.03) | #736510 | hsl(52, 76%, 26%) |
|
|
| 950 | oklch(0.272 0.049 98.83) | #2d2706 | hsl(51, 76%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.035 108.78) | #f2f3d8 | hsl(62, 53%, 90%) |
|
|
| 100 | oklch(0.937 0.047 107.28) | #ededc9 | hsl(60, 50%, 86%) |
|
|
| 200 | oklch(0.919 0.061 107.55) | #e8e8b9 | hsl(60, 51%, 82%) |
|
|
| 300 | oklch(0.902 0.075 107.82) | #e3e3a9 | hsl(60, 51%, 78%) |
|
|
| 400 | oklch(0.884 0.089 108.79) | #ddde99 | hsl(61, 51%, 74%) |
|
|
| 500 | oklch(0.867 0.102 108.96) | #d8d989 | hsl(61, 51%, 69%) |
|
|
| 600 | oklch(0.816 0.134 109.51) | #c9ca5b | hsl(61, 51%, 57%) |
|
|
| 700 | oklch(0.734 0.138 109.84) | #afb039 | hsl(61, 51%, 46%) |
|
|
| 800 | oklch(0.588 0.109 109.96) | #81822a | hsl(61, 51%, 34%) |
|
|
| 900 | oklch(0.433 0.078 109.24) | #54541b | hsl(60, 51%, 22%) |
|
|
| 950 | oklch(0.265 0.043 110.96) | #26270c | hsl(62, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
