Moody Elegance Color Palette
This palette exudes a moody elegance with deep midnight blues and striking crimson accents, balanced by soft cream undertones, creating a dramatic yet sophisticated atmosphere.
Practical uses and creative applications
Introducing the Moody Elegance Color Palette, a sophisticated blend of deep hues and vibrant accents, perfect for those looking to create an impactful aesthetic. Featuring rich navy (#02031a) and dark teal (#021b2b) as foundational colors, this palette exudes a sense of depth and sophistication.
The striking crimson (#b10c43) and vivid coral (#ff0841) provide eye-catching pops of color that inject energy and passion into any design. Complemented by a soft beige (#ebdfcc), this palette strikes a balance between boldness and subtlety, making it ideal for branding, web design, packaging, and interior decor.
The Moody Elegance Color Palette is particularly well-suited for designers and creatives aiming to evoke a sense of luxury and drama in their projects. Whether you’re crafting a high-end fashion brand, designing an elegant website, or selecting colors for a chic café’s interior, this palette offers versatility to enhance your vision.
Its combination of moody tones and vibrant accents creates an inviting atmosphere that can resonate well with audiences seeking sophistication and uniqueness. Perfect for modern brands, artistic ventures, or any project that desires a touch of elegance, the Moody Elegance Color Palette is your go-to choice for making a memorable 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.873 0.058 284.06) | #d0d1fb | hsl(239, 84%, 90%) |
|
|
100 | oklch(0.664 0.164 279.02) | #8085f5 | hsl(237, 85%, 73%) |
|
|
200 | oklch(0.484 0.262 269.59) | #3038ef | hsl(237, 86%, 56%) |
|
|
300 | oklch(0.372 0.236 265.96) | #0e15ba | hsl(238, 86%, 39%) |
|
|
400 | oklch(0.254 0.153 267.28) | #080c6a | hsl(238, 86%, 22%) |
|
|
500 | oklch(0.120 0.054 271.15) | #02031a | hsl(238, 86%, 5%) |
|
|
600 | oklch(0.125 0.061 270.41) | #02031e | hsl(238, 88%, 6%) |
|
|
700 | oklch(0.137 0.066 271.35) | #030423 | hsl(238, 84%, 7%) |
|
|
800 | oklch(0.143 0.073 270.62) | #030427 | hsl(238, 86%, 8%) |
|
|
900 | oklch(0.151 0.077 269.43) | #03052b | hsl(237, 87%, 9%) |
|
|
950 | oklch(0.158 0.082 270.58) | #04052f | hsl(239, 84%, 10%) |
|
dsfds
50 | oklch(0.925 0.039 235.12) | #ceebfd | hsl(203, 92%, 90%) |
|
|
100 | oklch(0.805 0.101 238.23) | #7fc9f9 | hsl(204, 91%, 74%) |
|
|
200 | oklch(0.702 0.152 242.59) | #30a8f5 | hsl(203, 91%, 57%) |
|
|
300 | oklch(0.575 0.146 246.21) | #097ec9 | hsl(203, 91%, 41%) |
|
|
400 | oklch(0.406 0.098 244.65) | #064d7a | hsl(203, 91%, 25%) |
|
|
500 | oklch(0.212 0.045 239.69) | #021b2b | hsl(203, 91%, 9%) |
|
|
600 | oklch(0.216 0.045 238.93) | #021c2c | hsl(203, 91%, 9%) |
|
|
700 | oklch(0.216 0.047 240.53) | #021c2d | hsl(204, 91%, 9%) |
|
|
800 | oklch(0.220 0.047 239.80) | #021d2e | hsl(203, 92%, 9%) |
|
|
900 | oklch(0.225 0.049 240.60) | #021e30 | hsl(203, 92%, 10%) |
|
|
950 | oklch(0.228 0.049 239.92) | #021f31 | hsl(203, 92%, 10%) |
|
dsfds
50 | oklch(0.897 0.054 356.26) | #fccfde | hsl(340, 88%, 90%) |
|
|
100 | oklch(0.796 0.114 358.73) | #f89dbb | hsl(340, 87%, 79%) |
|
|
200 | oklch(0.707 0.175 1.94) | #f56a98 | hsl(340, 87%, 69%) |
|
|
300 | oklch(0.640 0.221 6.56) | #f13876 | hsl(340, 87%, 58%) |
|
|
400 | oklch(0.589 0.231 12.48) | #e40f56 | hsl(340, 88%, 48%) |
|
|
500 | oklch(0.489 0.190 11.79) | #b10c43 | hsl(340, 87%, 37%) |
|
|
600 | oklch(0.436 0.168 11.40) | #970a39 | hsl(340, 88%, 32%) |
|
|
700 | oklch(0.381 0.146 10.86) | #7d082f | hsl(340, 88%, 26%) |
|
|
800 | oklch(0.325 0.123 9.48) | #630726 | hsl(340, 87%, 21%) |
|
|
900 | oklch(0.267 0.099 8.41) | #4a051c | hsl(340, 87%, 15%) |
|
|
950 | oklch(0.204 0.074 5.62) | #300312 | hsl(340, 88%, 10%) |
|
dsfds
50 | oklch(0.893 0.060 2.64) | #ffccd8 | hsl(346, 100%, 90%) |
|
|
100 | oklch(0.817 0.109 4.57) | #ffa5ba | hsl(346, 100%, 82%) |
|
|
200 | oklch(0.748 0.159 7.52) | #ff7e9b | hsl(347, 100%, 75%) |
|
|
300 | oklch(0.691 0.205 10.54) | #ff567d | hsl(346, 100%, 67%) |
|
|
400 | oklch(0.653 0.237 15.12) | #ff2f5f | hsl(346, 100%, 59%) |
|
|
500 | oklch(0.634 0.253 20.85) | #ff0841 | hsl(346, 100%, 52%) |
|
|
600 | oklch(0.567 0.228 21.66) | #dd0033 | hsl(346, 100%, 43%) |
|
|
700 | oklch(0.483 0.194 21.06) | #b20029 | hsl(346, 100%, 35%) |
|
|
800 | oklch(0.396 0.159 20.21) | #88001f | hsl(346, 100%, 27%) |
|
|
900 | oklch(0.303 0.121 17.75) | #5d0016 | hsl(346, 100%, 18%) |
|
|
950 | oklch(0.205 0.082 12.99) | #33000c | hsl(346, 100%, 10%) |
|
dsfds
50 | oklch(0.934 0.021 79.09) | #f1e8da | hsl(37, 45%, 90%) |
|
|
100 | oklch(0.929 0.023 78.21) | #f0e6d7 | hsl(36, 45%, 89%) |
|
|
200 | oklch(0.923 0.023 78.21) | #eee4d5 | hsl(36, 42%, 88%) |
|
|
300 | oklch(0.919 0.025 81.12) | #ede3d2 | hsl(38, 43%, 88%) |
|
|
400 | oklch(0.914 0.027 80.25) | #ece1cf | hsl(37, 43%, 87%) |
|
|
500 | oklch(0.908 0.029 79.47) | #ebdfcc | hsl(37, 44%, 86%) |
|
|
600 | oklch(0.807 0.061 79.35) | #d5bc94 | hsl(37, 44%, 71%) |
|
|
700 | oklch(0.705 0.090 77.91) | #bf995d | hsl(37, 43%, 56%) |
|
|
800 | oklch(0.572 0.085 76.97) | #94713a | hsl(37, 44%, 40%) |
|
|
900 | oklch(0.412 0.058 78.79) | #5c4724 | hsl(38, 44%, 25%) |
|
|
950 | oklch(0.233 0.028 77.76) | #251c0e | hsl(37, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.