Elegant Moody Color Palette
This palette exudes an elegant yet moody sophistication, blending soft ivory (#f9f6ec) and muted teal (#88a1a8) with deep burgundy (#790614) and rich plum (#502940), all anchored by a striking charcoal black (#0d0c0c).
Practical uses and creative applications
The Elegant Moody Color Palette is a sophisticated blend of hues that effortlessly evokes a sense of luxury and intrigue. Featuring soft off-white (#f9f6ec), muted teal (#88a1a8), deep burgundy (#790614), dark plum (#502940), and rich black (#0d0c0c), this palette is ideal for designers and creatives looking to create a captivating aesthetic.
Whether you’re working on branding, web design, or packaging, these colors can help convey a refined and moody atmosphere that attracts attention and evokes emotion. This palette is particularly well-suited for high-end brands, boutique shops, and modern interior spaces.
The combination of dark and light tones creates a perfect balance, allowing for elegant contrasts that can enhance visual storytelling. Use it in web design to create an immersive user experience or in packaging to make your product stand out on the shelf.
Whether you are a graphic designer crafting a brand identity or an interior designer curating a space, the Elegant Moody Color Palette provides the versatility to express sophistication and creativity.
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.945 0.028 93.76) | #f3edd8 | hsl(47, 53%, 90%) |
|
|
| 100 | oklch(0.951 0.026 94.74) | #f4efdc | hsl(48, 52%, 91%) |
|
|
| 200 | oklch(0.955 0.022 92.51) | #f5f0e0 | hsl(46, 51%, 92%) |
|
|
| 300 | oklch(0.961 0.019 90.54) | #f7f2e4 | hsl(44, 54%, 93%) |
|
|
| 400 | oklch(0.967 0.016 91.55) | #f8f4e8 | hsl(45, 53%, 94%) |
|
|
| 500 | oklch(0.973 0.014 92.98) | #f9f6ec | hsl(46, 52%, 95%) |
|
|
| 600 | oklch(0.879 0.061 93.86) | #e4d7aa | hsl(47, 52%, 78%) |
|
|
| 700 | oklch(0.785 0.104 93.78) | #cfb868 | hsl(47, 52%, 61%) |
|
|
| 800 | oklch(0.661 0.112 92.18) | #ab9036 | hsl(46, 52%, 44%) |
|
|
| 900 | oklch(0.466 0.076 91.92) | #695821 | hsl(46, 52%, 27%) |
|
|
| 950 | oklch(0.249 0.036 93.72) | #27210c | hsl(47, 53%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.007 208.78) | #e2e8e9 | hsl(189, 14%, 90%) |
|
|
| 100 | oklch(0.881 0.011 211.04) | #d0dadc | hsl(190, 15%, 84%) |
|
|
| 200 | oklch(0.833 0.015 218.07) | #becbcf | hsl(194, 15%, 78%) |
|
|
| 300 | oklch(0.787 0.020 217.27) | #acbdc2 | hsl(194, 15%, 72%) |
|
|
| 400 | oklch(0.740 0.025 216.81) | #9aafb5 | hsl(193, 15%, 66%) |
|
|
| 500 | oklch(0.692 0.030 216.53) | #88a1a8 | hsl(193, 16%, 60%) |
|
|
| 600 | oklch(0.613 0.037 215.26) | #6b8a92 | hsl(192, 15%, 50%) |
|
|
| 700 | oklch(0.522 0.030 217.48) | #566e75 | hsl(194, 15%, 40%) |
|
|
| 800 | oklch(0.428 0.025 215.58) | #405358 | hsl(193, 16%, 30%) |
|
|
| 900 | oklch(0.328 0.018 220.08) | #2b373b | hsl(195, 16%, 20%) |
|
|
| 950 | oklch(0.221 0.009 208.75) | #161c1d | hsl(189, 14%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.023 341.35) | #eedde7 | hsl(325, 33%, 90%) |
|
|
| 100 | oklch(0.800 0.053 342.70) | #d7b1c7 | hsl(325, 32%, 77%) |
|
|
| 200 | oklch(0.684 0.087 343.77) | #c084a7 | hsl(325, 32%, 64%) |
|
|
| 300 | oklch(0.570 0.122 345.55) | #a95787 | hsl(325, 32%, 50%) |
|
|
| 400 | oklch(0.460 0.096 345.18) | #7d4064 | hsl(325, 32%, 37%) |
|
|
| 500 | oklch(0.341 0.067 344.89) | #502940 | hsl(325, 32%, 24%) |
|
|
| 600 | oklch(0.315 0.061 344.32) | #472439 | hsl(324, 33%, 21%) |
|
|
| 700 | oklch(0.289 0.052 344.73) | #3d2031 | hsl(325, 31%, 18%) |
|
|
| 800 | oklch(0.262 0.046 343.92) | #341b2a | hsl(324, 32%, 15%) |
|
|
| 900 | oklch(0.234 0.039 345.27) | #2b1622 | hsl(326, 32%, 13%) |
|
|
| 950 | oklch(0.206 0.033 344.23) | #22111b | hsl(325, 33%, 10%) |
|
dsfds
| 50 | oklch(0.894 0.054 9.59) | #fdced4 | hsl(352, 92%, 90%) |
|
|
| 100 | oklch(0.766 0.129 12.71) | #f98f9c | hsl(353, 90%, 77%) |
|
|
| 200 | oklch(0.665 0.201 17.73) | #f65064 | hsl(353, 90%, 64%) |
|
|
| 300 | oklch(0.611 0.243 25.04) | #f3112c | hsl(353, 90%, 51%) |
|
|
| 400 | oklch(0.496 0.197 25.15) | #b8091e | hsl(353, 91%, 38%) |
|
|
| 500 | oklch(0.367 0.144 24.02) | #790614 | hsl(353, 91%, 25%) |
|
|
| 600 | oklch(0.336 0.131 23.39) | #6b0512 | hsl(352, 91%, 22%) |
|
|
| 700 | oklch(0.304 0.117 23.24) | #5c050f | hsl(353, 90%, 19%) |
|
|
| 800 | oklch(0.272 0.104 22.18) | #4e040d | hsl(353, 90%, 16%) |
|
|
| 900 | oklch(0.236 0.089 21.22) | #3f030a | hsl(353, 91%, 13%) |
|
|
| 950 | oklch(0.202 0.076 18.85) | #310208 | hsl(352, 92%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.003 17.22) | #e7e4e4 | hsl(0, 6%, 90%) |
|
|
| 100 | oklch(0.784 0.007 17.30) | #bdb7b7 | hsl(0, 4%, 73%) |
|
|
| 200 | oklch(0.641 0.011 17.44) | #938a8a | hsl(0, 4%, 56%) |
|
|
| 300 | oklch(0.493 0.010 17.51) | #675f5f | hsl(0, 4%, 39%) |
|
|
| 400 | oklch(0.337 0.006 17.44) | #3a3636 | hsl(0, 4%, 22%) |
|
|
| 500 | oklch(0.156 0.002 17.34) | #0d0c0c | hsl(0, 4%, 5%) |
|
|
| 600 | oklch(0.166 0.003 17.50) | #100e0e | hsl(0, 7%, 6%) |
|
|
| 700 | oklch(0.179 0.002 17.31) | #121111 | hsl(0, 3%, 7%) |
|
|
| 800 | oklch(0.189 0.003 17.45) | #151313 | hsl(0, 5%, 8%) |
|
|
| 900 | oklch(0.203 0.003 17.42) | #181616 | hsl(0, 4%, 9%) |
|
|
| 950 | oklch(0.213 0.005 17.53) | #1b1818 | hsl(0, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
