Moody Elegance Color Palette
This palette exudes a moody elegance, blending deep indigo and slate gray with soft olive and warm beige, evoking a serene twilight ambiance with a touch of sophisticated warmth.
Practical uses and creative applications
The Moody Elegance Color Palette features a sophisticated blend of deep hues and soft neutrals, making it the perfect choice for those seeking to convey a sense of refined luxury. With its striking colors like #11091a, a rich dark navy, and #2f2f4d, a muted slate, this palette is ideal for branding that aims to evoke trust and sophistication.
The lighter shades, such as #bab195 and #e8d18e, can be used effectively in web design and packaging to add warmth and accessibility, balancing the deeper tones with a touch of lightness. Ideal for designers and creatives in fields like fashion, interior design, and upscale product branding, the Moody Elegance Color Palette can transform any project into a statement of style.
Whether creating a chic online presence or curating an inviting atmosphere in a boutique, this palette suits a range of applications, from elegant event spaces to high-end product packaging. The overall mood it imparts is one of understated elegance, perfect for clientele looking to make 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.
dsfds
| 50 | oklch(0.902 0.036 307.18) | #e5d9f2 | hsl(269, 49%, 90%) |
|
|
| 100 | oklch(0.738 0.099 305.58) | #b99adc | hsl(268, 49%, 73%) |
|
|
| 200 | oklch(0.575 0.163 303.69) | #8e5bc6 | hsl(269, 48%, 57%) |
|
|
| 300 | oklch(0.439 0.156 301.64) | #633598 | hsl(268, 48%, 40%) |
|
|
| 400 | oklch(0.308 0.101 302.26) | #3a1f59 | hsl(268, 48%, 24%) |
|
|
| 500 | oklch(0.161 0.036 304.38) | #11091a | hsl(268, 49%, 7%) |
|
|
| 600 | oklch(0.168 0.038 305.73) | #130a1c | hsl(270, 47%, 7%) |
|
|
| 700 | oklch(0.174 0.042 303.10) | #140b1f | hsl(267, 48%, 8%) |
|
|
| 800 | oklch(0.178 0.046 305.32) | #160b21 | hsl(270, 50%, 9%) |
|
|
| 900 | oklch(0.184 0.049 303.08) | #170c24 | hsl(268, 50%, 9%) |
|
|
| 950 | oklch(0.191 0.051 304.17) | #190d26 | hsl(269, 49%, 10%) |
|
dsfds
| 50 | oklch(0.907 0.018 286.04) | #dfdfec | hsl(240, 25%, 90%) |
|
|
| 100 | oklch(0.785 0.039 285.46) | #b6b6d2 | hsl(240, 24%, 77%) |
|
|
| 200 | oklch(0.657 0.067 284.42) | #8c8cb9 | hsl(240, 24%, 64%) |
|
|
| 300 | oklch(0.526 0.093 282.71) | #63639f | hsl(240, 24%, 51%) |
|
|
| 400 | oklch(0.424 0.077 282.60) | #484877 | hsl(240, 25%, 37%) |
|
|
| 500 | oklch(0.320 0.053 282.99) | #2f2f4d | hsl(240, 24%, 24%) |
|
|
| 600 | oklch(0.294 0.049 283.00) | #292944 | hsl(240, 25%, 21%) |
|
|
| 700 | oklch(0.272 0.042 283.22) | #24243b | hsl(240, 24%, 19%) |
|
|
| 800 | oklch(0.245 0.038 283.26) | #1e1e32 | hsl(240, 25%, 16%) |
|
|
| 900 | oklch(0.222 0.031 283.58) | #191929 | hsl(240, 24%, 13%) |
|
|
| 950 | oklch(0.194 0.026 283.69) | #131320 | hsl(240, 25%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.003 228.79) | #e4e6e7 | hsl(200, 6%, 90%) |
|
|
| 100 | oklch(0.846 0.006 239.83) | #c9cdd0 | hsl(206, 7%, 80%) |
|
|
| 200 | oklch(0.767 0.009 247.94) | #afb4b9 | hsl(210, 7%, 71%) |
|
|
| 300 | oklch(0.686 0.012 243.73) | #949ba1 | hsl(208, 6%, 61%) |
|
|
| 400 | oklch(0.603 0.015 248.08) | #7a828a | hsl(210, 6%, 51%) |
|
|
| 500 | oklch(0.517 0.014 248.10) | #626970 | hsl(210, 7%, 41%) |
|
|
| 600 | oklch(0.461 0.012 248.10) | #53595f | hsl(210, 7%, 35%) |
|
|
| 700 | oklch(0.403 0.011 248.09) | #44494e | hsl(210, 7%, 29%) |
|
|
| 800 | oklch(0.342 0.009 248.09) | #35393d | hsl(210, 7%, 22%) |
|
|
| 900 | oklch(0.280 0.006 258.36) | #27292c | hsl(216, 6%, 16%) |
|
|
| 950 | oklch(0.216 0.004 228.98) | #181a1b | hsl(200, 6%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.011 89.73) | #ebe8e0 | hsl(44, 22%, 90%) |
|
|
| 100 | oklch(0.897 0.017 91.56) | #e1ddd1 | hsl(45, 21%, 85%) |
|
|
| 200 | oklch(0.863 0.022 92.53) | #d7d2c2 | hsl(46, 21%, 80%) |
|
|
| 300 | oklch(0.830 0.028 90.94) | #cec7b3 | hsl(44, 22%, 75%) |
|
|
| 400 | oklch(0.795 0.034 91.72) | #c4bca4 | hsl(45, 21%, 71%) |
|
|
| 500 | oklch(0.760 0.040 92.30) | #bab195 | hsl(45, 21%, 66%) |
|
|
| 600 | oklch(0.681 0.053 92.23) | #a49873 | hsl(45, 21%, 55%) |
|
|
| 700 | oklch(0.584 0.053 93.11) | #867b57 | hsl(46, 21%, 43%) |
|
|
| 800 | oklch(0.473 0.041 91.21) | #645b41 | hsl(45, 21%, 32%) |
|
|
| 900 | oklch(0.356 0.029 93.65) | #413c2b | hsl(46, 20%, 21%) |
|
|
| 950 | oklch(0.227 0.015 89.92) | #1f1c14 | hsl(44, 22%, 10%) |
|
dsfds
| 50 | oklch(0.949 0.034 92.27) | #f6eed5 | hsl(45, 65%, 90%) |
|
|
| 100 | oklch(0.932 0.045 90.40) | #f4e8c7 | hsl(44, 67%, 87%) |
|
|
| 200 | oklch(0.914 0.057 90.72) | #f1e2b8 | hsl(44, 67%, 83%) |
|
|
| 300 | oklch(0.899 0.069 91.82) | #eeddaa | hsl(45, 67%, 80%) |
|
|
| 400 | oklch(0.882 0.079 91.54) | #ebd79c | hsl(45, 66%, 77%) |
|
|
| 500 | oklch(0.865 0.089 91.28) | #e8d18e | hsl(45, 66%, 73%) |
|
|
| 600 | oklch(0.803 0.124 90.42) | #ddbb58 | hsl(45, 66%, 61%) |
|
|
| 700 | oklch(0.730 0.138 88.56) | #cba229 | hsl(45, 66%, 48%) |
|
|
| 800 | oklch(0.584 0.109 88.26) | #96771e | hsl(45, 67%, 35%) |
|
|
| 900 | oklch(0.429 0.077 89.70) | #604d14 | hsl(45, 66%, 23%) |
|
|
| 950 | oklch(0.255 0.041 91.48) | #2a2209 | hsl(45, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
