Moody Color Palette
A moody blend of deep charcoal, rich crimson, and soft icy grays creates an intense yet serene atmosphere, exuding a stylish juxtaposition of passion and tranquility.
Practical uses and creative applications
The Moody Color Palette is a striking combination of deep hues and soft accents, perfect for creating an atmosphere that balances sophistication with a touch of drama. Featuring rich shades like #282832, a deep charcoal, and #77181e, a bold crimson, this palette evokes emotions while maintaining an air of elegance.
It’s ideal for branding projects that aim to convey a sense of luxury and depth, making it a favorite among designers looking to craft memorable identities for upscale products or services. In web design, the Moody Color Palette can be used to create immersive user experiences that draw visitors in and keep them engaged.
The contrasting colors, such as the softer #c6d6d6 and #dee7e7, can be employed for backgrounds and text, ensuring readability while enhancing visual appeal. This palette suits creatives in the fashion, beauty, and luxury lifestyle sectors, where mood and aesthetics are paramount.
Additionally, for interior designers, these colors can transform spaces into stylish retreats, perfect for cozy lounges or sophisticated dining areas, appealing to homeowners seeking a touch of contemporary elegance.
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.917 0.007 286.27) | #e3e3e8 | hsl(240, 10%, 90%) |
|
|
| 100 | oklch(0.793 0.020 285.94) | #babac8 | hsl(240, 11%, 76%) |
|
|
| 200 | oklch(0.664 0.032 285.49) | #9191a7 | hsl(240, 11%, 61%) |
|
|
| 300 | oklch(0.534 0.040 284.95) | #6a6a84 | hsl(240, 11%, 47%) |
|
|
| 400 | oklch(0.412 0.030 285.02) | #49495b | hsl(240, 11%, 32%) |
|
|
| 500 | oklch(0.281 0.018 285.17) | #282832 | hsl(240, 11%, 18%) |
|
|
| 600 | oklch(0.268 0.017 285.23) | #25252e | hsl(240, 11%, 16%) |
|
|
| 700 | oklch(0.251 0.015 285.27) | #212129 | hsl(240, 11%, 15%) |
|
|
| 800 | oklch(0.238 0.013 285.34) | #1e1e25 | hsl(240, 10%, 13%) |
|
|
| 900 | oklch(0.221 0.014 285.24) | #1a1a21 | hsl(240, 12%, 12%) |
|
|
| 950 | oklch(0.207 0.010 285.51) | #17171c | hsl(240, 10%, 10%) |
|
dsfds
| 50 | oklch(0.901 0.037 13.71) | #f6d5d7 | hsl(356, 65%, 90%) |
|
|
| 100 | oklch(0.781 0.091 15.04) | #eca0a5 | hsl(356, 67%, 78%) |
|
|
| 200 | oklch(0.670 0.147 17.72) | #e16b73 | hsl(356, 66%, 65%) |
|
|
| 300 | oklch(0.584 0.196 22.65) | #d73741 | hsl(356, 67%, 53%) |
|
|
| 400 | oklch(0.487 0.172 23.84) | #ac232b | hsl(356, 66%, 41%) |
|
|
| 500 | oklch(0.376 0.129 23.02) | #77181e | hsl(356, 66%, 28%) |
|
|
| 600 | oklch(0.343 0.116 22.89) | #68151a | hsl(356, 66%, 25%) |
|
|
| 700 | oklch(0.307 0.101 22.62) | #581216 | hsl(357, 66%, 21%) |
|
|
| 800 | oklch(0.273 0.087 22.42) | #490f12 | hsl(357, 66%, 17%) |
|
|
| 900 | oklch(0.238 0.072 20.99) | #3a0c0f | hsl(356, 66%, 14%) |
|
|
| 950 | oklch(0.199 0.055 20.06) | #2a090b | hsl(356, 65%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.035 17.81) | #f5d6d6 | hsl(0, 61%, 90%) |
|
|
| 100 | oklch(0.806 0.074 18.82) | #ecadad | hsl(0, 62%, 80%) |
|
|
| 200 | oklch(0.715 0.117 20.38) | #e38484 | hsl(0, 63%, 70%) |
|
|
| 300 | oklch(0.632 0.159 22.75) | #d95b5b | hsl(0, 62%, 60%) |
|
|
| 400 | oklch(0.565 0.195 26.06) | #d03232 | hsl(0, 63%, 51%) |
|
|
| 500 | oklch(0.485 0.167 26.04) | #a92727 | hsl(0, 63%, 41%) |
|
|
| 600 | oklch(0.430 0.146 25.84) | #8f2121 | hsl(0, 63%, 35%) |
|
|
| 700 | oklch(0.376 0.125 25.61) | #761b1b | hsl(0, 63%, 28%) |
|
|
| 800 | oklch(0.318 0.103 25.20) | #5c1515 | hsl(0, 63%, 22%) |
|
|
| 900 | oklch(0.260 0.080 24.63) | #430f0f | hsl(0, 63%, 16%) |
|
|
| 950 | oklch(0.198 0.052 23.08) | #290a0a | hsl(0, 61%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.010 196.99) | #e1eaea | hsl(180, 18%, 90%) |
|
|
| 100 | oklch(0.917 0.011 196.97) | #dce6e6 | hsl(180, 17%, 88%) |
|
|
| 200 | oklch(0.904 0.013 196.93) | #d6e2e2 | hsl(180, 17%, 86%) |
|
|
| 300 | oklch(0.891 0.014 196.91) | #d1dede | hsl(180, 16%, 85%) |
|
|
| 400 | oklch(0.877 0.016 196.86) | #cbdada | hsl(180, 17%, 83%) |
|
|
| 500 | oklch(0.864 0.017 196.84) | #c6d6d6 | hsl(180, 16%, 81%) |
|
|
| 600 | oklch(0.762 0.031 196.53) | #9cb8b8 | hsl(180, 16%, 67%) |
|
|
| 700 | oklch(0.657 0.044 196.14) | #729a9a | hsl(180, 17%, 53%) |
|
|
| 800 | oklch(0.528 0.037 196.09) | #527272 | hsl(180, 16%, 38%) |
|
|
| 900 | oklch(0.385 0.025 196.16) | #344848 | hsl(180, 16%, 24%) |
|
|
| 950 | oklch(0.226 0.013 196.27) | #151e1e | hsl(180, 18%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.010 196.99) | #e1eaea | hsl(180, 18%, 90%) |
|
|
| 100 | oklch(0.928 0.009 197.01) | #e1e9e9 | hsl(180, 15%, 90%) |
|
|
| 200 | oklch(0.927 0.010 196.99) | #e0e9e9 | hsl(180, 17%, 90%) |
|
|
| 300 | oklch(0.924 0.010 196.99) | #dfe8e8 | hsl(180, 16%, 89%) |
|
|
| 400 | oklch(0.924 0.010 196.99) | #dfe8e8 | hsl(180, 16%, 89%) |
|
|
| 500 | oklch(0.921 0.010 196.99) | #dee7e7 | hsl(180, 16%, 89%) |
|
|
| 600 | oklch(0.807 0.024 196.69) | #afc5c5 | hsl(180, 16%, 73%) |
|
|
| 700 | oklch(0.690 0.037 196.32) | #81a3a3 | hsl(180, 16%, 57%) |
|
|
| 800 | oklch(0.557 0.039 196.10) | #597b7b | hsl(180, 16%, 42%) |
|
|
| 900 | oklch(0.399 0.026 196.16) | #374c4c | hsl(180, 16%, 26%) |
|
|
| 950 | oklch(0.226 0.013 196.27) | #151e1e | hsl(180, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
