Moody Elegance Color Palette
This palette exudes a moody elegance with deep plum and vibrant crimson, softened by gentle sage and creamy beige, creating a stylish interplay of drama and tranquility.
Practical uses and creative applications
The Moody Elegance Color Palette seamlessly blends deep, rich hues with vibrant accents, making it an ideal choice for designers and creatives seeking to evoke sophistication and depth in their projects. Featuring a striking combination of #230f2b, a luxurious dark purple; #f21d41, a bold crimson; and soft neutrals like #ebebbc, #bce3c5, and #82b3ae, this palette creates a harmonious balance between dramatic and calming elements.
It’s perfect for branding that aims to convey a sense of high-end luxury, making it especially appealing for boutique brands, upscale restaurants, or art galleries. In web design, the Moody Elegance Color Palette can transform a standard layout into an immersive experience, drawing users in with its captivating contrasts.
Whether you’re designing a website for a fashion line or a creative studio, this palette can enhance user engagement while maintaining a refined aesthetic. Additionally, it works wonderfully for packaging design, particularly for products aimed at a discerning audience, as the combination of moody tones with vibrant pops can capture attention on the shelf.
For interior design, these colors can create an inviting yet sophisticated atmosphere, making it ideal for modern living spaces or elegant event venues, appealing to homeowners and interior decorators alike.
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.907 0.039 316.61) | #ebd9f2 | hsl(283, 49%, 90%) |
|
|
100 | oklch(0.762 0.101 316.11) | #cb9edd | hsl(283, 48%, 74%) |
|
|
200 | oklch(0.619 0.165 315.58) | #ab62c8 | hsl(283, 48%, 58%) |
|
|
300 | oklch(0.491 0.173 315.00) | #8438a2 | hsl(283, 49%, 43%) |
|
|
400 | oklch(0.358 0.118 314.97) | #532466 | hsl(283, 48%, 27%) |
|
|
500 | oklch(0.213 0.059 315.46) | #230f2b | hsl(283, 48%, 11%) |
|
|
600 | oklch(0.211 0.057 315.01) | #220f2a | hsl(282, 47%, 11%) |
|
|
700 | oklch(0.207 0.057 314.97) | #210e29 | hsl(282, 49%, 11%) |
|
|
800 | oklch(0.204 0.055 314.49) | #200e28 | hsl(282, 48%, 11%) |
|
|
900 | oklch(0.204 0.053 315.80) | #200e27 | hsl(283, 47%, 10%) |
|
|
950 | oklch(0.199 0.054 315.76) | #1f0d26 | hsl(283, 49%, 10%) |
|
dsfds
50 | oklch(0.895 0.051 7.66) | #fccfd6 | hsl(351, 88%, 90%) |
|
|
100 | oklch(0.821 0.094 7.70) | #faabb9 | hsl(349, 89%, 83%) |
|
|
200 | oklch(0.754 0.137 10.09) | #f8889b | hsl(350, 89%, 75%) |
|
|
300 | oklch(0.693 0.179 12.66) | #f6647d | hsl(350, 89%, 68%) |
|
|
400 | oklch(0.647 0.214 16.43) | #f4415f | hsl(350, 89%, 61%) |
|
|
500 | oklch(0.616 0.236 21.00) | #f21d41 | hsl(350, 89%, 53%) |
|
|
600 | oklch(0.558 0.221 22.79) | #d70c2f | hsl(350, 89%, 45%) |
|
|
700 | oklch(0.475 0.187 22.29) | #ad0a26 | hsl(350, 89%, 36%) |
|
|
800 | oklch(0.389 0.151 21.91) | #83081c | hsl(350, 88%, 27%) |
|
|
900 | oklch(0.300 0.115 20.50) | #5a0513 | hsl(350, 89%, 19%) |
|
|
950 | oklch(0.202 0.073 16.80) | #30030a | hsl(351, 88%, 10%) |
|
dsfds
50 | oklch(0.957 0.035 107.05) | #f3f3d8 | hsl(60, 53%, 90%) |
|
|
100 | oklch(0.953 0.042 107.17) | #f2f2d2 | hsl(60, 55%, 89%) |
|
|
200 | oklch(0.946 0.046 107.24) | #f0f0cd | hsl(60, 54%, 87%) |
|
|
300 | oklch(0.939 0.051 107.34) | #eeeec7 | hsl(60, 53%, 86%) |
|
|
400 | oklch(0.935 0.056 107.44) | #ededc2 | hsl(60, 54%, 85%) |
|
|
500 | oklch(0.928 0.061 107.54) | #ebebbc | hsl(60, 54%, 83%) |
|
|
600 | oklch(0.869 0.109 108.48) | #dada83 | hsl(60, 54%, 68%) |
|
|
700 | oklch(0.812 0.148 109.28) | #c9c949 | hsl(60, 54%, 54%) |
|
|
800 | oklch(0.666 0.127 109.40) | #9a9a2e | hsl(60, 54%, 39%) |
|
|
900 | oklch(0.478 0.089 109.33) | #61611d | hsl(60, 54%, 25%) |
|
|
950 | oklch(0.266 0.043 109.01) | #27270c | hsl(60, 53%, 10%) |
|
dsfds
50 | oklch(0.935 0.031 152.87) | #dbf0e0 | hsl(134, 41%, 90%) |
|
|
100 | oklch(0.923 0.036 151.70) | #d5edda | hsl(133, 40%, 88%) |
|
|
200 | oklch(0.914 0.042 151.79) | #cfebd5 | hsl(133, 41%, 87%) |
|
|
300 | oklch(0.901 0.047 152.96) | #c8e8d0 | hsl(135, 41%, 85%) |
|
|
400 | oklch(0.891 0.054 151.83) | #c2e6ca | hsl(133, 42%, 83%) |
|
|
500 | oklch(0.880 0.058 152.02) | #bce3c5 | hsl(134, 41%, 81%) |
|
|
600 | oklch(0.791 0.103 150.82) | #89ce99 | hsl(134, 41%, 67%) |
|
|
700 | oklch(0.704 0.144 149.04) | #55b86c | hsl(134, 41%, 53%) |
|
|
800 | oklch(0.571 0.123 148.80) | #3a8b4d | hsl(134, 41%, 39%) |
|
|
900 | oklch(0.411 0.085 149.08) | #245730 | hsl(134, 41%, 24%) |
|
|
950 | oklch(0.237 0.041 150.03) | #0f2414 | hsl(134, 41%, 10%) |
|
dsfds
50 | oklch(0.933 0.014 185.94) | #dfecea | hsl(171, 25%, 90%) |
|
|
100 | oklch(0.892 0.020 189.17) | #cde0de | hsl(174, 23%, 84%) |
|
|
200 | oklch(0.852 0.029 188.48) | #bad5d2 | hsl(173, 24%, 78%) |
|
|
300 | oklch(0.812 0.038 187.95) | #a7cac6 | hsl(173, 25%, 72%) |
|
|
400 | oklch(0.771 0.044 188.91) | #95beba | hsl(174, 24%, 66%) |
|
|
500 | oklch(0.731 0.052 188.21) | #82b3ae | hsl(174, 24%, 61%) |
|
|
600 | oklch(0.659 0.064 187.79) | #629f99 | hsl(174, 24%, 50%) |
|
|
700 | oklch(0.563 0.055 187.66) | #4e807b | hsl(174, 24%, 40%) |
|
|
800 | oklch(0.459 0.044 187.30) | #3a605c | hsl(174, 25%, 30%) |
|
|
900 | oklch(0.350 0.031 186.34) | #27403d | hsl(173, 24%, 20%) |
|
|
950 | oklch(0.231 0.019 184.09) | #13201e | hsl(171, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.