Moody Chic Color Palette
A moody blend of deep burgundy and vibrant coral, softened by warm beige and lush sage, creating a chic, contemporary vibe that balances boldness with earthy elegance.
Practical uses and creative applications
The Moody Chic Color Palette is a captivating blend of deep, rich tones and soft pastels, making it an ideal choice for branding and web design that seeks to evoke a sense of sophistication and intrigue. The dominant shade of #281b24 provides a dramatic backdrop, while the vibrant accents of #d02941 and #f57e67 inject energy and warmth.
This palette harmonizes beautifully with lighter hues like #d9c9a5 and #8cab94, offering a balanced contrast that can be used effectively in packaging design to attract discerning consumers. Perfect for designers and creatives looking to craft a chic, modern aesthetic, the Moody Chic Color Palette suits various applications, from upscale fashion brands to stylish interior decor.
Whether you’re designing a trendy restaurant's vibe or creating an alluring e-commerce website, this palette can help convey an air of elegance and refined taste. Its versatile nature makes it equally suitable for both digital and physical spaces, ensuring that your projects stand out with a moody yet inviting charm.
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.919 0.013 337.54) | #eae1e7 | hsl(320, 18%, 90%) |
|
|
| 100 | oklch(0.790 0.037 337.59) | #cbb2c3 | hsl(319, 19%, 75%) |
|
|
| 200 | oklch(0.657 0.062 337.56) | #ab839f | hsl(318, 19%, 59%) |
|
|
| 300 | oklch(0.525 0.072 339.11) | #865a78 | hsl(319, 20%, 44%) |
|
|
| 400 | oklch(0.391 0.049 339.07) | #573b4e | hsl(319, 19%, 29%) |
|
|
| 500 | oklch(0.242 0.026 338.11) | #281b24 | hsl(318, 19%, 13%) |
|
|
| 600 | oklch(0.236 0.024 339.18) | #261a22 | hsl(320, 19%, 13%) |
|
|
| 700 | oklch(0.228 0.025 335.62) | #241821 | hsl(315, 20%, 12%) |
|
|
| 800 | oklch(0.222 0.023 336.49) | #22171f | hsl(316, 19%, 11%) |
|
|
| 900 | oklch(0.216 0.021 337.57) | #20161d | hsl(318, 19%, 11%) |
|
|
| 950 | oklch(0.210 0.018 338.94) | #1e151b | hsl(320, 18%, 10%) |
|
dsfds
| 50 | oklch(0.901 0.040 8.17) | #f7d4d9 | hsl(351, 69%, 90%) |
|
|
| 100 | oklch(0.821 0.074 9.33) | #f0b1ba | hsl(351, 68%, 82%) |
|
|
| 200 | oklch(0.745 0.111 10.88) | #e98e9b | hsl(351, 67%, 74%) |
|
|
| 300 | oklch(0.674 0.149 13.05) | #e26b7c | hsl(351, 67%, 65%) |
|
|
| 400 | oklch(0.612 0.182 16.16) | #db485d | hsl(351, 67%, 57%) |
|
|
| 500 | oklch(0.561 0.200 19.70) | #d02941 | hsl(351, 67%, 49%) |
|
|
| 600 | oklch(0.494 0.175 19.19) | #af2237 | hsl(351, 67%, 41%) |
|
|
| 700 | oklch(0.426 0.148 19.21) | #8e1c2c | hsl(352, 67%, 33%) |
|
|
| 800 | oklch(0.354 0.121 18.30) | #6d1522 | hsl(351, 68%, 25%) |
|
|
| 900 | oklch(0.280 0.090 17.17) | #4c0f18 | hsl(351, 67%, 18%) |
|
|
| 950 | oklch(0.200 0.058 15.58) | #2b080d | hsl(351, 69%, 10%) |
|
dsfds
| 50 | oklch(0.906 0.044 30.21) | #fcd6cf | hsl(9, 88%, 90%) |
|
|
| 100 | oklch(0.867 0.063 31.83) | #fac5ba | hsl(10, 86%, 85%) |
|
|
| 200 | oklch(0.829 0.085 31.59) | #f9b3a5 | hsl(10, 88%, 81%) |
|
|
| 300 | oklch(0.792 0.107 30.96) | #f8a191 | hsl(9, 88%, 77%) |
|
|
| 400 | oklch(0.757 0.128 32.01) | #f6907c | hsl(10, 87%, 73%) |
|
|
| 500 | oklch(0.723 0.151 32.27) | #f57e67 | hsl(10, 88%, 68%) |
|
|
| 600 | oklch(0.649 0.204 33.10) | #f14f2f | hsl(10, 87%, 56%) |
|
|
| 700 | oklch(0.573 0.207 32.37) | #d72f0e | hsl(10, 88%, 45%) |
|
|
| 800 | oklch(0.460 0.163 32.68) | #9f230a | hsl(10, 88%, 33%) |
|
|
| 900 | oklch(0.342 0.118 32.55) | #681607 | hsl(9, 87%, 22%) |
|
|
| 950 | oklch(0.211 0.064 34.90) | #300a03 | hsl(9, 88%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.020 84.59) | #f0e9db | hsl(40, 41%, 90%) |
|
|
| 100 | oklch(0.917 0.027 87.86) | #ebe3d0 | hsl(42, 40%, 87%) |
|
|
| 200 | oklch(0.897 0.033 85.48) | #e7dcc5 | hsl(41, 41%, 84%) |
|
|
| 300 | oklch(0.879 0.038 86.89) | #e2d6bb | hsl(42, 40%, 81%) |
|
|
| 400 | oklch(0.859 0.045 85.23) | #decfb0 | hsl(40, 41%, 78%) |
|
|
| 500 | oklch(0.840 0.051 86.87) | #d9c9a5 | hsl(42, 41%, 75%) |
|
|
| 600 | oklch(0.756 0.078 86.95) | #c5ad76 | hsl(42, 41%, 62%) |
|
|
| 700 | oklch(0.668 0.097 85.05) | #b0904a | hsl(41, 41%, 49%) |
|
|
| 800 | oklch(0.535 0.076 85.86) | #816a36 | hsl(42, 41%, 36%) |
|
|
| 900 | oklch(0.393 0.053 86.97) | #524423 | hsl(42, 40%, 23%) |
|
|
| 950 | oklch(0.235 0.027 83.93) | #241d0f | hsl(40, 41%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.010 155.09) | #e2e9e4 | hsl(137, 14%, 90%) |
|
|
| 100 | oklch(0.885 0.019 155.78) | #d0ddd4 | hsl(138, 16%, 84%) |
|
|
| 200 | oklch(0.841 0.025 155.07) | #bfd0c4 | hsl(138, 15%, 78%) |
|
|
| 300 | oklch(0.799 0.033 154.01) | #aec4b4 | hsl(136, 16%, 73%) |
|
|
| 400 | oklch(0.754 0.039 153.67) | #9db7a4 | hsl(136, 15%, 67%) |
|
|
| 500 | oklch(0.711 0.048 152.97) | #8cab94 | hsl(135, 16%, 61%) |
|
|
| 600 | oklch(0.633 0.061 152.31) | #6e9578 | hsl(135, 16%, 51%) |
|
|
| 700 | oklch(0.540 0.053 152.84) | #577860 | hsl(136, 16%, 41%) |
|
|
| 800 | oklch(0.442 0.042 153.16) | #415a48 | hsl(137, 16%, 30%) |
|
|
| 900 | oklch(0.337 0.030 153.79) | #2b3c30 | hsl(138, 17%, 20%) |
|
|
| 950 | oklch(0.222 0.014 154.05) | #161d18 | hsl(137, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
