Moody Elegance Color Palette
This palette exudes a moody elegance with deep burgundy and rich teal tones, accented by vibrant fuchsia and soft lavender, creating a striking balance between dramatic sophistication and serene calm.
Practical uses and creative applications
The Moody Elegance Color Palette evokes a sense of sophistication and depth, making it an ideal choice for designers seeking to create powerful branding or web design projects. With rich, deep hues like #4B2840 and #940C4B, this palette is perfect for luxury brands aiming to convey elegance and exclusivity.
The combination of bold maroons and vibrant teals, such as #C91F69 and #177D89, adds a contemporary twist, making it suitable for modern packaging designs that stand out on the shelves. This color scheme is also perfect for interior design, where the darker shades can create a cozy yet upscale ambiance.
The palette works beautifully in spaces like boutique hotels, upscale restaurants, or even stylish home offices, appealing to creatives and designers looking to infuse their environments with a touch of drama. Whether you're a graphic designer crafting a striking logo, a web designer developing an immersive digital experience, or an interior decorator aiming for a chic atmosphere, the Moody Elegance Color Palette offers versatility and emotional resonance, ensuring your projects 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.915 0.021 337.72) | #eddee8 | hsl(320, 29%, 90%) |
|
|
100 | oklch(0.800 0.053 337.32) | #d5b1ca | hsl(318, 30%, 76%) |
|
|
200 | oklch(0.682 0.087 338.84) | #bd84ab | hsl(319, 30%, 63%) |
|
|
300 | oklch(0.568 0.121 340.15) | #a5588d | hsl(319, 30%, 50%) |
|
|
400 | oklch(0.454 0.093 340.48) | #784066 | hsl(319, 30%, 36%) |
|
|
500 | oklch(0.332 0.063 339.88) | #4b2840 | hsl(319, 30%, 23%) |
|
|
600 | oklch(0.309 0.057 340.16) | #432439 | hsl(319, 30%, 20%) |
|
|
700 | oklch(0.283 0.051 338.86) | #3a1f32 | hsl(318, 30%, 17%) |
|
|
800 | oklch(0.260 0.045 339.07) | #321b2b | hsl(318, 30%, 15%) |
|
|
900 | oklch(0.234 0.040 338.85) | #2a1624 | hsl(318, 31%, 13%) |
|
|
950 | oklch(0.207 0.030 340.02) | #21121c | hsl(320, 29%, 10%) |
|
50 | oklch(0.903 0.047 347.19) | #f8d3e5 | hsl(331, 73%, 90%) |
|
|
100 | oklch(0.788 0.109 349.86) | #ef9dc4 | hsl(331, 72%, 78%) |
|
|
200 | oklch(0.684 0.171 352.79) | #e666a3 | hsl(331, 72%, 65%) |
|
|
300 | oklch(0.604 0.216 357.54) | #dd3082 | hsl(332, 72%, 53%) |
|
|
400 | oklch(0.506 0.188 358.69) | #b11d63 | hsl(332, 72%, 40%) |
|
|
500 | oklch(0.391 0.142 357.85) | #7b1445 | hsl(331, 72%, 28%) |
|
|
600 | oklch(0.355 0.128 357.49) | #6b113c | hsl(331, 73%, 24%) |
|
|
700 | oklch(0.319 0.112 357.23) | #5b0f33 | hsl(332, 72%, 21%) |
|
|
800 | oklch(0.283 0.098 357.22) | #4c0c2a | hsl(332, 73%, 17%) |
|
|
900 | oklch(0.245 0.081 356.90) | #3c0a21 | hsl(332, 71%, 14%) |
|
|
950 | oklch(0.205 0.065 354.22) | #2c0719 | hsl(331, 73%, 10%) |
|
50 | oklch(0.900 0.055 348.56) | #fbd0e4 | hsl(332, 84%, 90%) |
|
|
100 | oklch(0.791 0.123 351.36) | #f799c4 | hsl(333, 85%, 78%) |
|
|
200 | oklch(0.695 0.190 354.42) | #f261a4 | hsl(332, 85%, 66%) |
|
|
300 | oklch(0.630 0.234 359.38) | #ee2a85 | hsl(332, 85%, 55%) |
|
|
400 | oklch(0.548 0.215 2.08) | #cb1067 | hsl(332, 85%, 43%) |
|
|
500 | oklch(0.436 0.169 1.44) | #940c4b | hsl(332, 85%, 31%) |
|
|
600 | oklch(0.393 0.152 0.94) | #800a41 | hsl(332, 86%, 27%) |
|
|
700 | oklch(0.350 0.133 0.40) | #6c0937 | hsl(332, 85%, 23%) |
|
|
800 | oklch(0.304 0.115 0.35) | #58072c | hsl(333, 85%, 19%) |
|
|
900 | oklch(0.255 0.095 358.55) | #430522 | hsl(332, 86%, 14%) |
|
|
950 | oklch(0.206 0.073 356.71) | #2f0418 | hsl(332, 84%, 10%) |
|
50 | oklch(0.896 0.064 350.73) | #ffcce2 | hsl(334, 100%, 90%) |
|
|
100 | oklch(0.787 0.143 353.27) | #ff91c1 | hsl(334, 100%, 78%) |
|
|
200 | oklch(0.700 0.213 357.58) | #ff569f | hsl(334, 100%, 67%) |
|
|
300 | oklch(0.650 0.253 3.80) | #ff1a7e | hsl(334, 100%, 55%) |
|
|
400 | oklch(0.577 0.231 7.29) | #de0061 | hsl(334, 100%, 44%) |
|
|
500 | oklch(0.459 0.184 6.47) | #a30047 | hsl(334, 100%, 32%) |
|
|
600 | oklch(0.413 0.166 6.16) | #8d003d | hsl(334, 100%, 28%) |
|
|
700 | oklch(0.364 0.146 5.44) | #760033 | hsl(334, 100%, 23%) |
|
|
800 | oklch(0.315 0.127 4.04) | #60002a | hsl(334, 100%, 19%) |
|
|
900 | oklch(0.262 0.106 2.39) | #490020 | hsl(334, 100%, 14%) |
|
|
950 | oklch(0.208 0.084 0.28) | #330016 | hsl(334, 100%, 10%) |
|
50 | oklch(0.903 0.046 350.15) | #f8d3e3 | hsl(334, 73%, 90%) |
|
|
100 | oklch(0.817 0.092 351.46) | #f2abca | hsl(334, 73%, 81%) |
|
|
200 | oklch(0.739 0.137 353.59) | #ec84b1 | hsl(334, 73%, 72%) |
|
|
300 | oklch(0.669 0.180 355.79) | #e65d99 | hsl(334, 73%, 63%) |
|
|
400 | oklch(0.612 0.213 359.41) | #e03580 | hsl(334, 73%, 54%) |
|
|
500 | oklch(0.551 0.206 1.79) | #c91f69 | hsl(334, 73%, 45%) |
|
|
600 | oklch(0.488 0.181 1.38) | #aa1a59 | hsl(334, 73%, 38%) |
|
|
700 | oklch(0.420 0.154 1.09) | #8a1548 | hsl(334, 74%, 31%) |
|
|
800 | oklch(0.352 0.127 0.30) | #6b1038 | hsl(334, 74%, 24%) |
|
|
900 | oklch(0.282 0.097 0.31) | #4c0c27 | hsl(335, 73%, 17%) |
|
|
950 | oklch(0.204 0.064 357.59) | #2c0717 | hsl(334, 73%, 10%) |
|
50 | oklch(0.920 0.008 319.45) | #e7e3e8 | hsl(288, 10%, 90%) |
|
|
100 | oklch(0.924 0.009 314.78) | #e8e4ea | hsl(280, 12%, 91%) |
|
|
200 | oklch(0.929 0.008 319.45) | #eae6eb | hsl(288, 11%, 91%) |
|
|
300 | oklch(0.934 0.006 317.75) | #ebe8ec | hsl(285, 10%, 92%) |
|
|
400 | oklch(0.939 0.008 319.45) | #ede9ee | hsl(288, 13%, 92%) |
|
|
500 | oklch(0.944 0.006 317.75) | #eeebef | hsl(285, 11%, 93%) |
|
|
600 | oklch(0.807 0.021 318.39) | #c6bcc9 | hsl(286, 11%, 76%) |
|
|
700 | oklch(0.666 0.039 317.27) | #9e8da4 | hsl(284, 11%, 60%) |
|
|
800 | oklch(0.522 0.043 317.63) | #74627a | hsl(285, 11%, 43%) |
|
|
900 | oklch(0.375 0.030 319.46) | #483c4b | hsl(288, 11%, 26%) |
|
|
950 | oklch(0.212 0.011 319.46) | #1b171c | hsl(288, 10%, 10%) |
|
50 | oklch(0.945 0.035 205.49) | #d3f4f8 | hsl(186, 73%, 90%) |
|
|
100 | oklch(0.884 0.071 204.82) | #a0e7ef | hsl(186, 71%, 78%) |
|
|
200 | oklch(0.828 0.101 204.96) | #6ddae6 | hsl(186, 71%, 66%) |
|
|
300 | oklch(0.780 0.121 206.57) | #3acdde | hsl(186, 71%, 55%) |
|
|
400 | oklch(0.683 0.111 207.14) | #20acbc | hsl(186, 71%, 43%) |
|
|
500 | oklch(0.541 0.087 207.31) | #177d89 | hsl(186, 71%, 31%) |
|
|
600 | oklch(0.488 0.078 206.78) | #146c76 | hsl(186, 71%, 27%) |
|
|
700 | oklch(0.433 0.069 207.44) | #115b64 | hsl(187, 71%, 23%) |
|
|
800 | oklch(0.376 0.059 206.75) | #0e4a51 | hsl(186, 71%, 19%) |
|
|
900 | oklch(0.317 0.049 205.59) | #0a393e | hsl(186, 72%, 14%) |
|
|
950 | oklch(0.255 0.038 206.59) | #07282c | hsl(186, 73%, 10%) |
|
50 | oklch(0.942 0.035 209.82) | #d2f3f9 | hsl(189, 76%, 90%) |
|
|
100 | oklch(0.874 0.077 210.36) | #98e4f2 | hsl(189, 78%, 77%) |
|
|
200 | oklch(0.813 0.110 210.93) | #5ed5ea | hsl(189, 77%, 64%) |
|
|
300 | oklch(0.762 0.128 213.89) | #24c6e3 | hsl(189, 77%, 52%) |
|
|
400 | oklch(0.626 0.106 213.23) | #1798ae | hsl(189, 77%, 39%) |
|
|
500 | oklch(0.467 0.078 213.20) | #0f6574 | hsl(189, 77%, 26%) |
|
|
600 | oklch(0.428 0.071 212.73) | #0d5966 | hsl(189, 77%, 23%) |
|
|
700 | oklch(0.385 0.063 213.82) | #0b4c58 | hsl(189, 78%, 19%) |
|
|
800 | oklch(0.343 0.055 211.72) | #0a4049 | hsl(189, 76%, 16%) |
|
|
900 | oklch(0.300 0.047 210.68) | #08343b | hsl(188, 76%, 13%) |
|
|
950 | oklch(0.252 0.039 212.15) | #06272d | hsl(189, 76%, 10%) |
|
50 | oklch(0.938 0.037 217.98) | #d0f1fb | hsl(194, 84%, 90%) |
|
|
100 | oklch(0.855 0.085 219.99) | #8eddf6 | hsl(194, 85%, 76%) |
|
|
200 | oklch(0.785 0.121 221.83) | #4dcaf0 | hsl(194, 84%, 62%) |
|
|
300 | oklch(0.713 0.136 227.44) | #13b2e4 | hsl(194, 85%, 48%) |
|
|
400 | oklch(0.557 0.104 226.38) | #0d7fa2 | hsl(194, 85%, 34%) |
|
|
500 | oklch(0.389 0.070 225.35) | #084c61 | hsl(194, 85%, 21%) |
|
|
600 | oklch(0.361 0.065 225.29) | #074457 | hsl(194, 85%, 18%) |
|
|
700 | oklch(0.332 0.060 225.20) | #063c4d | hsl(194, 86%, 16%) |
|
|
800 | oklch(0.307 0.053 223.28) | #063543 | hsl(194, 84%, 14%) |
|
|
900 | oklch(0.277 0.047 222.87) | #052d39 | hsl(194, 84%, 12%) |
|
|
950 | oklch(0.246 0.042 222.27) | #04252f | hsl(194, 84%, 10%) |
|
50 | oklch(0.936 0.043 222.71) | #ccf1ff | hsl(196, 100%, 90%) |
|
|
100 | oklch(0.852 0.101 223.59) | #7fddff | hsl(196, 100%, 75%) |
|
|
200 | oklch(0.781 0.142 228.57) | #32c8ff | hsl(196, 100%, 60%) |
|
|
300 | oklch(0.689 0.143 233.53) | #00a8e5 | hsl(196, 100%, 45%) |
|
|
400 | oklch(0.510 0.105 232.95) | #006f98 | hsl(196, 100%, 30%) |
|
|
500 | oklch(0.315 0.063 229.68) | #00374b | hsl(196, 100%, 15%) |
|
|
600 | oklch(0.301 0.060 229.90) | #003346 | hsl(196, 100%, 14%) |
|
|
700 | oklch(0.289 0.056 228.24) | #003041 | hsl(196, 100%, 13%) |
|
|
800 | oklch(0.274 0.055 229.97) | #002c3d | hsl(197, 100%, 12%) |
|
|
900 | oklch(0.262 0.051 228.10) | #002938 | hsl(196, 100%, 11%) |
|
|
950 | oklch(0.247 0.048 228.26) | #002533 | hsl(196, 100%, 10%) |
|
50 | oklch(0.930 0.042 229.44) | #cceeff | hsl(200, 100%, 90%) |
|
|
100 | oklch(0.828 0.105 231.69) | #7bd3ff | hsl(200, 100%, 74%) |
|
|
200 | oklch(0.743 0.152 237.17) | #2ab8ff | hsl(200, 100%, 58%) |
|
|
300 | oklch(0.625 0.148 241.69) | #0090d8 | hsl(200, 100%, 42%) |
|
|
400 | oklch(0.446 0.103 240.34) | #005a87 | hsl(200, 100%, 26%) |
|
|
500 | oklch(0.246 0.052 235.44) | #002436 | hsl(200, 100%, 11%) |
|
|
600 | oklch(0.245 0.051 233.90) | #002435 | hsl(199, 100%, 10%) |
|
|
700 | oklch(0.242 0.052 235.98) | #002335 | hsl(200, 100%, 10%) |
|
|
800 | oklch(0.242 0.051 234.45) | #002334 | hsl(200, 100%, 10%) |
|
|
900 | oklch(0.239 0.052 236.53) | #002234 | hsl(201, 100%, 10%) |
|
|
950 | oklch(0.238 0.050 235.00) | #002233 | hsl(200, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection