Moody Sophistication Color Palette
This palette exudes a moody sophistication with deep midnight blues and charcoals, punctuated by passionate reds and a whisper of warm cream, creating a striking contrast that feels both dramatic and inviting.
Practical uses and creative applications
The Moody Sophistication Color Palette effortlessly blends deep tones with vibrant accents, making it an ideal choice for designers and creatives looking to evoke a sense of elegance and intrigue. With its dark shades of #090f13 and #171f25, this palette creates a strong foundation that is perfect for branding and web design, where a touch of sophistication is essential.
The rich, muted colors can enhance a brand's identity, providing depth and gravitas that resonates with a discerning audience. Incorporating shades like #752e2b and #c90a02 introduces a striking contrast that can be utilized in packaging design or interior decor to create focal points and draw the eye.
Whether you’re designing a luxurious product line or curating a cozy, sophisticated space, these colors bring warmth while maintaining an air of mystery. The soft highlight of #f2eab7 adds a gentle touch, perfect for balancing the heavier tones and promoting a welcoming atmosphere.
This color palette is ideal for creatives in fashion, interior design, or any field that thrives on a blend of elegance and moodiness.
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.922 0.016 239.12) | #dce7ef | hsl(205, 37%, 90%) |
|
|
100 | oklch(0.790 0.042 238.21) | #a2bfd3 | hsl(204, 36%, 73%) |
|
|
200 | oklch(0.654 0.070 238.45) | #6797b7 | hsl(204, 36%, 56%) |
|
|
300 | oklch(0.509 0.067 239.42) | #406b88 | hsl(204, 36%, 39%) |
|
|
400 | oklch(0.348 0.041 238.74) | #253d4d | hsl(204, 35%, 22%) |
|
|
500 | oklch(0.164 0.013 237.61) | #090f13 | hsl(204, 36%, 5%) |
|
|
600 | oklch(0.173 0.015 239.81) | #0a1116 | hsl(205, 38%, 6%) |
|
|
700 | oklch(0.186 0.016 236.18) | #0c1419 | hsl(203, 35%, 7%) |
|
|
800 | oklch(0.194 0.018 238.09) | #0d161c | hsl(204, 37%, 8%) |
|
|
900 | oklch(0.207 0.019 235.23) | #0f191f | hsl(203, 35%, 9%) |
|
|
950 | oklch(0.216 0.022 240.65) | #101b23 | hsl(205, 37%, 10%) |
|
dsfds
50 | oklch(0.922 0.009 242.84) | #e0e6eb | hsl(207, 22%, 90%) |
|
|
100 | oklch(0.798 0.027 239.17) | #aec0cd | hsl(205, 24%, 74%) |
|
|
200 | oklch(0.669 0.044 240.74) | #7d99ae | hsl(206, 23%, 59%) |
|
|
300 | oklch(0.535 0.048 241.49) | #547187 | hsl(206, 23%, 43%) |
|
|
400 | oklch(0.392 0.033 242.04) | #364856 | hsl(206, 23%, 27%) |
|
|
500 | oklch(0.234 0.016 240.81) | #171f25 | hsl(206, 23%, 12%) |
|
|
600 | oklch(0.230 0.017 240.83) | #161e24 | hsl(206, 24%, 11%) |
|
|
700 | oklch(0.226 0.016 244.41) | #161d23 | hsl(208, 23%, 11%) |
|
|
800 | oklch(0.222 0.016 244.44) | #151c22 | hsl(208, 24%, 11%) |
|
|
900 | oklch(0.218 0.016 244.46) | #141b21 | hsl(208, 25%, 10%) |
|
|
950 | oklch(0.214 0.013 243.56) | #141a1f | hsl(207, 22%, 10%) |
|
dsfds
50 | oklch(0.909 0.024 20.75) | #f1dbda | hsl(3, 45%, 90%) |
|
|
100 | oklch(0.801 0.058 21.14) | #e1b0ae | hsl(2, 46%, 78%) |
|
|
200 | oklch(0.695 0.094 22.23) | #d18582 | hsl(2, 46%, 66%) |
|
|
300 | oklch(0.596 0.132 24.15) | #c15b57 | hsl(2, 46%, 55%) |
|
|
400 | oklch(0.501 0.131 25.30) | #a13f3b | hsl(2, 46%, 43%) |
|
|
500 | oklch(0.401 0.101 25.09) | #752e2b | hsl(2, 46%, 31%) |
|
|
600 | oklch(0.364 0.089 25.29) | #652825 | hsl(3, 46%, 27%) |
|
|
700 | oklch(0.324 0.078 24.61) | #55211f | hsl(2, 47%, 23%) |
|
|
800 | oklch(0.284 0.065 24.83) | #451b19 | hsl(3, 47%, 18%) |
|
|
900 | oklch(0.244 0.052 23.45) | #351514 | hsl(2, 45%, 14%) |
|
|
950 | oklch(0.202 0.037 23.66) | #250f0e | hsl(3, 45%, 10%) |
|
dsfds
50 | oklch(0.895 0.053 21.05) | #fecfcd | hsl(2, 96%, 90%) |
|
|
100 | oklch(0.796 0.115 22.55) | #fe9e9a | hsl(2, 98%, 80%) |
|
|
200 | oklch(0.711 0.177 25.01) | #fd6d67 | hsl(2, 97%, 70%) |
|
|
300 | oklch(0.652 0.229 28.02) | #fd3c34 | hsl(2, 98%, 60%) |
|
|
400 | oklch(0.625 0.253 29.48) | #fc0d03 | hsl(2, 98%, 50%) |
|
|
500 | oklch(0.527 0.213 29.57) | #c90a02 | hsl(2, 98%, 40%) |
|
|
600 | oklch(0.468 0.188 29.64) | #ab0902 | hsl(2, 98%, 34%) |
|
|
700 | oklch(0.407 0.163 29.83) | #8d0701 | hsl(3, 99%, 28%) |
|
|
800 | oklch(0.344 0.136 30.04) | #6f0601 | hsl(3, 98%, 22%) |
|
|
900 | oklch(0.277 0.108 30.06) | #510401 | hsl(2, 98%, 16%) |
|
|
950 | oklch(0.204 0.077 30.45) | #320301 | hsl(2, 96%, 10%) |
|
dsfds
50 | oklch(0.957 0.040 99.31) | #f7f2d4 | hsl(51, 69%, 90%) |
|
|
100 | oklch(0.953 0.046 100.51) | #f6f1ce | hsl(53, 69%, 89%) |
|
|
200 | oklch(0.947 0.051 100.07) | #f5efc8 | hsl(52, 69%, 87%) |
|
|
300 | oklch(0.941 0.055 99.51) | #f4edc3 | hsl(51, 69%, 86%) |
|
|
400 | oklch(0.937 0.061 100.43) | #f3ecbd | hsl(52, 69%, 85%) |
|
|
500 | oklch(0.931 0.067 100.11) | #f2eab7 | hsl(52, 69%, 83%) |
|
|
600 | oklch(0.874 0.119 100.56) | #e7d878 | hsl(52, 70%, 69%) |
|
|
700 | oklch(0.818 0.153 100.02) | #dbc538 | hsl(52, 69%, 54%) |
|
|
800 | oklch(0.673 0.131 99.53) | #aa971f | hsl(52, 69%, 39%) |
|
|
900 | oklch(0.483 0.092 99.74) | #6b5f13 | hsl(52, 70%, 25%) |
|
|
950 | oklch(0.267 0.046 99.80) | #2b2608 | hsl(51, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.