Moody Elegance Color Palette
This palette exudes an intense, moody elegance with deep indigos and rich burgundies, evoking a mysterious, dramatic atmosphere perfect for a chic, avant-garde setting.
Practical uses and creative applications
The Moody Elegance Color Palette is a sophisticated blend of deep, rich tones that effortlessly brings a sense of luxury and depth to any project. Featuring shades like #111625 and #341931, this palette is ideal for branding that seeks to convey a sense of refinement and exclusivity.
Whether you’re designing a high-end fashion label or crafting a sleek tech company’s identity, these colors create a striking visual impact that resonates with discerning audiences. This palette is particularly well-suited for web design, where its dark hues can establish an elegant backdrop for content, making it perfect for luxury e-commerce sites or upscale service providers.
Additionally, the vibrant pops of color, such as #9d2053, can be used to accentuate key elements, drawing users' attention to important calls-to-action or features. Designers and creatives focused on interior projects will also find that the Moody Elegance Color Palette fosters a cozy yet sophisticated atmosphere, making it an ideal choice for upscale restaurants, boutique hotels, or modern living spaces that aim to leave a lasting impression.
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.910 0.020 270.20) | #dce1ef | hsl(224, 37%, 90%) |
|
|
| 100 | oklch(0.763 0.053 270.63) | #a5b1d5 | hsl(225, 36%, 74%) |
|
|
| 200 | oklch(0.612 0.093 269.23) | #6d81bc | hsl(225, 37%, 58%) |
|
|
| 300 | oklch(0.473 0.100 268.48) | #445894 | hsl(225, 37%, 42%) |
|
|
| 400 | oklch(0.346 0.069 269.33) | #2b375d | hsl(226, 37%, 27%) |
|
|
| 500 | oklch(0.203 0.031 269.43) | #111625 | hsl(225, 37%, 11%) |
|
|
| 600 | oklch(0.203 0.031 269.43) | #111625 | hsl(225, 37%, 11%) |
|
|
| 700 | oklch(0.202 0.029 268.67) | #111624 | hsl(224, 36%, 10%) |
|
|
| 800 | oklch(0.199 0.031 269.36) | #101524 | hsl(225, 38%, 10%) |
|
|
| 900 | oklch(0.198 0.029 268.61) | #101523 | hsl(224, 37%, 10%) |
|
|
| 950 | oklch(0.198 0.029 268.61) | #101523 | hsl(224, 37%, 10%) |
|
| 50 | oklch(0.916 0.027 329.51) | #eeddec | hsl(307, 33%, 90%) |
|
|
| 100 | oklch(0.788 0.075 329.99) | #d6a9d1 | hsl(307, 35%, 75%) |
|
|
| 200 | oklch(0.661 0.123 330.92) | #bd75b5 | hsl(307, 35%, 60%) |
|
|
| 300 | oklch(0.538 0.140 331.72) | #9b4b92 | hsl(307, 35%, 45%) |
|
|
| 400 | oklch(0.407 0.102 331.56) | #683262 | hsl(307, 35%, 30%) |
|
|
| 500 | oklch(0.262 0.058 331.25) | #341931 | hsl(307, 35%, 15%) |
|
|
| 600 | oklch(0.250 0.055 330.02) | #30172e | hsl(305, 35%, 14%) |
|
|
| 700 | oklch(0.241 0.050 331.89) | #2d162a | hsl(308, 34%, 13%) |
|
|
| 800 | oklch(0.229 0.047 330.48) | #291427 | hsl(306, 34%, 12%) |
|
|
| 900 | oklch(0.219 0.045 330.67) | #261224 | hsl(306, 36%, 11%) |
|
|
| 950 | oklch(0.208 0.039 331.16) | #221120 | hsl(307, 33%, 10%) |
|
| 50 | oklch(0.909 0.036 343.28) | #f3d8e7 | hsl(327, 53%, 90%) |
|
|
| 100 | oklch(0.787 0.088 345.34) | #e3a3c6 | hsl(327, 53%, 76%) |
|
|
| 200 | oklch(0.671 0.139 347.60) | #d26fa5 | hsl(327, 52%, 63%) |
|
|
| 300 | oklch(0.568 0.182 350.39) | #c03c85 | hsl(327, 52%, 49%) |
|
|
| 400 | oklch(0.452 0.142 350.58) | #8c2b60 | hsl(327, 53%, 36%) |
|
|
| 500 | oklch(0.328 0.097 349.71) | #571b3c | hsl(327, 53%, 22%) |
|
|
| 600 | oklch(0.303 0.088 349.68) | #4d1835 | hsl(327, 52%, 20%) |
|
|
| 700 | oklch(0.281 0.080 349.17) | #44152f | hsl(327, 53%, 17%) |
|
|
| 800 | oklch(0.255 0.070 349.06) | #3a1228 | hsl(327, 53%, 15%) |
|
|
| 900 | oklch(0.231 0.061 349.98) | #310f21 | hsl(328, 53%, 13%) |
|
|
| 950 | oklch(0.204 0.051 348.02) | #270c1b | hsl(327, 53%, 10%) |
|
| 50 | oklch(0.906 0.039 348.86) | #f5d6e4 | hsl(333, 61%, 90%) |
|
|
| 100 | oklch(0.796 0.089 350.35) | #e9a5c4 | hsl(333, 61%, 78%) |
|
|
| 200 | oklch(0.692 0.141 352.64) | #dd74a4 | hsl(333, 61%, 66%) |
|
|
| 300 | oklch(0.600 0.188 356.45) | #d14283 | hsl(333, 61%, 54%) |
|
|
| 400 | oklch(0.505 0.172 357.61) | #ab2a65 | hsl(333, 61%, 42%) |
|
|
| 500 | oklch(0.398 0.131 357.15) | #7a1e48 | hsl(333, 61%, 30%) |
|
|
| 600 | oklch(0.362 0.117 357.33) | #6a1a3e | hsl(333, 61%, 26%) |
|
|
| 700 | oklch(0.324 0.103 356.65) | #5a1635 | hsl(333, 61%, 22%) |
|
|
| 800 | oklch(0.284 0.087 356.24) | #49122b | hsl(333, 60%, 18%) |
|
|
| 900 | oklch(0.245 0.072 355.01) | #390e22 | hsl(332, 61%, 14%) |
|
|
| 950 | oklch(0.203 0.055 355.00) | #290a18 | hsl(333, 61%, 10%) |
|
| 50 | oklch(0.904 0.040 352.20) | #f6d5e2 | hsl(336, 65%, 90%) |
|
|
| 100 | oklch(0.805 0.088 353.20) | #eda8c4 | hsl(336, 66%, 79%) |
|
|
| 200 | oklch(0.712 0.138 355.23) | #e47ba6 | hsl(335, 66%, 69%) |
|
|
| 300 | oklch(0.630 0.183 358.35) | #db4e88 | hsl(335, 66%, 58%) |
|
|
| 400 | oklch(0.560 0.200 2.11) | #ca296b | hsl(335, 66%, 48%) |
|
|
| 500 | oklch(0.467 0.164 1.81) | #9d2053 | hsl(336, 66%, 37%) |
|
|
| 600 | oklch(0.417 0.145 1.36) | #861b47 | hsl(335, 66%, 32%) |
|
|
| 700 | oklch(0.367 0.125 0.96) | #6f173b | hsl(335, 66%, 26%) |
|
|
| 800 | oklch(0.314 0.104 0.14) | #58122f | hsl(335, 66%, 21%) |
|
|
| 900 | oklch(0.259 0.083 358.85) | #410d23 | hsl(335, 67%, 15%) |
|
|
| 950 | oklch(0.203 0.057 359.07) | #2a0916 | hsl(336, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
