Moody Elegance Color Palette
This palette exudes a moody elegance, blending deep navy and rich purples with soft lavender accents, evoking a sense of mysterious twilight and sophisticated charm.
Practical uses and creative applications
The Moody Elegance Color Palette is a sophisticated blend of deep blues and rich purples, perfect for projects that call for a touch of drama and refinement. Featuring colors like #001848, #301860, #483078, #604878, and #906090, this palette is ideal for branding initiatives that aim to convey luxury and creativity.
Businesses in high-end fashion, bespoke services, or artisanal goods can leverage these hues to create striking logos and marketing materials that captivate their target audience. In web design, the Moody Elegance palette can set a mesmerizing tone for websites, enhancing user experience through its visually appealing depths.
Creative professionals, such as graphic designers and interior decorators, will find these colors perfect for creating intimate atmospheres in both digital and physical spaces. Use these shades in packaging design or interior finishes to evoke feelings of sophistication, making products stand out on the shelves or inspiring a serene ambience at home.
Whether you’re designing a chic online portfolio or curating an elegant event space, the Moody Elegance palette offers versatility and style that resonates with discerning audiences.
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.896 0.050 264.28) | #ccddff | hsl(220, 100%, 90%) |
|
|
| 100 | oklch(0.740 0.133 263.66) | #7fa9ff | hsl(220, 100%, 75%) |
|
|
| 200 | oklch(0.602 0.216 262.07) | #3176ff | hsl(220, 100%, 60%) |
|
|
| 300 | oklch(0.491 0.236 262.51) | #004ce3 | hsl(220, 100%, 45%) |
|
|
| 400 | oklch(0.365 0.169 262.03) | #003295 | hsl(220, 100%, 29%) |
|
|
| 500 | oklch(0.229 0.095 260.42) | #001848 | hsl(220, 100%, 14%) |
|
|
| 600 | oklch(0.222 0.091 260.04) | #001744 | hsl(220, 100%, 13%) |
|
|
| 700 | oklch(0.213 0.087 260.15) | #001540 | hsl(220, 100%, 13%) |
|
|
| 800 | oklch(0.205 0.081 259.42) | #00143b | hsl(220, 100%, 12%) |
|
|
| 900 | oklch(0.195 0.078 259.51) | #001237 | hsl(220, 100%, 11%) |
|
|
| 950 | oklch(0.189 0.073 258.90) | #001133 | hsl(220, 100%, 10%) |
|
dsfds
| 50 | oklch(0.894 0.043 300.23) | #e0d6f5 | hsl(259, 61%, 90%) |
|
|
| 100 | oklch(0.752 0.103 299.44) | #b8a0e7 | hsl(260, 60%, 77%) |
|
|
| 200 | oklch(0.612 0.165 296.44) | #8f6ada | hsl(260, 60%, 64%) |
|
|
| 300 | oklch(0.482 0.218 291.13) | #6633cc | hsl(260, 60%, 50%) |
|
|
| 400 | oklch(0.390 0.170 291.57) | #4b2696 | hsl(260, 60%, 37%) |
|
|
| 500 | oklch(0.290 0.120 292.64) | #301860 | hsl(260, 60%, 24%) |
|
|
| 600 | oklch(0.268 0.109 292.56) | #2a1555 | hsl(260, 60%, 21%) |
|
|
| 700 | oklch(0.247 0.098 293.51) | #25124a | hsl(260, 61%, 18%) |
|
|
| 800 | oklch(0.226 0.085 293.04) | #1f103f | hsl(259, 59%, 15%) |
|
|
| 900 | oklch(0.204 0.073 294.35) | #1a0d34 | hsl(260, 60%, 13%) |
|
|
| 950 | oklch(0.180 0.060 294.39) | #140a29 | hsl(259, 61%, 10%) |
|
dsfds
| 50 | oklch(0.903 0.029 300.97) | #e2dbf0 | hsl(260, 41%, 90%) |
|
|
| 100 | oklch(0.790 0.068 300.42) | #c1b1e0 | hsl(260, 43%, 79%) |
|
|
| 200 | oklch(0.673 0.107 298.83) | #9f87cf | hsl(260, 43%, 67%) |
|
|
| 300 | oklch(0.559 0.147 296.58) | #7e5ebf | hsl(260, 43%, 56%) |
|
|
| 400 | oklch(0.462 0.150 295.07) | #6141a2 | hsl(260, 43%, 45%) |
|
|
| 500 | oklch(0.377 0.118 295.55) | #483078 | hsl(260, 43%, 33%) |
|
|
| 600 | oklch(0.340 0.105 295.99) | #3e2967 | hsl(260, 43%, 28%) |
|
|
| 700 | oklch(0.306 0.090 295.66) | #342357 | hsl(260, 43%, 24%) |
|
|
| 800 | oklch(0.268 0.076 296.28) | #2a1c46 | hsl(260, 43%, 19%) |
|
|
| 900 | oklch(0.228 0.061 297.22) | #201535 | hsl(261, 43%, 15%) |
|
|
| 950 | oklch(0.190 0.042 297.60) | #160f24 | hsl(260, 41%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.019 309.78) | #e6dfec | hsl(272, 25%, 90%) |
|
|
| 100 | oklch(0.820 0.039 307.94) | #cbbed8 | hsl(270, 25%, 80%) |
|
|
| 200 | oklch(0.724 0.061 307.52) | #b09cc4 | hsl(270, 25%, 69%) |
|
|
| 300 | oklch(0.627 0.083 306.55) | #957bb0 | hsl(269, 25%, 59%) |
|
|
| 400 | oklch(0.531 0.099 306.69) | #7b5c99 | hsl(270, 25%, 48%) |
|
|
| 500 | oklch(0.447 0.081 306.37) | #604878 | hsl(270, 25%, 38%) |
|
|
| 600 | oklch(0.401 0.072 306.97) | #523d66 | hsl(271, 25%, 32%) |
|
|
| 700 | oklch(0.355 0.061 306.49) | #443355 | hsl(270, 25%, 27%) |
|
|
| 800 | oklch(0.305 0.051 307.42) | #362843 | hsl(271, 25%, 21%) |
|
|
| 900 | oklch(0.256 0.039 306.73) | #281e32 | hsl(270, 25%, 16%) |
|
|
| 950 | oklch(0.202 0.027 308.65) | #1a1320 | hsl(272, 25%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.019 325.73) | #ebe0eb | hsl(300, 22%, 90%) |
|
|
| 100 | oklch(0.848 0.033 325.87) | #d9c6d9 | hsl(300, 20%, 81%) |
|
|
| 200 | oklch(0.777 0.050 326.05) | #c8acc8 | hsl(300, 20%, 73%) |
|
|
| 300 | oklch(0.705 0.066 326.25) | #b692b6 | hsl(300, 20%, 64%) |
|
|
| 400 | oklch(0.631 0.086 326.53) | #a577a5 | hsl(300, 20%, 56%) |
|
|
| 500 | oklch(0.557 0.092 326.72) | #906090 | hsl(300, 20%, 47%) |
|
|
| 600 | oklch(0.493 0.079 326.69) | #795179 | hsl(300, 20%, 40%) |
|
|
| 700 | oklch(0.429 0.067 326.67) | #634263 | hsl(300, 20%, 32%) |
|
|
| 800 | oklch(0.360 0.054 326.62) | #4c334c | hsl(300, 20%, 25%) |
|
|
| 900 | oklch(0.288 0.039 326.52) | #352435 | hsl(300, 19%, 17%) |
|
|
| 950 | oklch(0.210 0.027 326.48) | #1f141f | hsl(300, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
