Moody Elegance Color Palette
This palette exudes a moody elegance, blending deep forest greens and dark earthy tones with vibrant pops of gold and striking crimson, creating a rich and dynamic atmosphere that balances sophistication with a hint of drama.
Practical uses and creative applications
The Moody Elegance Color Palette offers a sophisticated blend of deep, rich tones and subtle highlights, making it an ideal choice for designers and creatives looking to evoke a sense of luxury and depth in their projects. With its primary colors of #67917a, #170409, #b8af03, #ccbf82, and #e33258, this palette strikes a perfect balance between moody elegance and vibrant accents.
It's perfect for branding initiatives that aim to convey a strong identity, whether for upscale fashion lines or boutique hotels. In web design, the Moody Elegance palette can create visually striking and memorable user experiences.
The deep greens and blacks provide a contemporary backdrop, while the warm golds and striking reds draw attention to key elements like call-to-action buttons or headlines. This color combination is particularly suited for interior design projects, where it can transform spaces into inviting retreats that feel both modern and timeless.
Whether you’re a graphic designer looking to elevate a brand's aesthetic or an interior designer aiming to create a cozy yet sophisticated atmosphere, the Moody Elegance Color Palette provides the versatility and elegance needed to inspire creativity and captivate audiences.
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.929 0.012 162.04) | #e1eae5 | hsl(147, 18%, 90%) |
|
|
100 | oklch(0.869 0.019 162.87) | #c9d8d0 | hsl(148, 16%, 82%) |
|
|
200 | oklch(0.809 0.031 160.92) | #b0c7ba | hsl(146, 17%, 74%) |
|
|
300 | oklch(0.746 0.040 162.01) | #97b5a5 | hsl(148, 17%, 65%) |
|
|
400 | oklch(0.684 0.052 160.47) | #7ea48f | hsl(147, 17%, 57%) |
|
|
500 | oklch(0.619 0.058 160.15) | #67917a | hsl(147, 17%, 49%) |
|
|
600 | oklch(0.547 0.050 160.45) | #577a67 | hsl(147, 17%, 41%) |
|
|
700 | oklch(0.472 0.043 160.04) | #466353 | hsl(147, 17%, 33%) |
|
|
800 | oklch(0.394 0.034 160.47) | #364c40 | hsl(147, 17%, 25%) |
|
|
900 | oklch(0.312 0.026 158.19) | #26352c | hsl(144, 16%, 18%) |
|
|
950 | oklch(0.224 0.016 160.42) | #151e19 | hsl(147, 18%, 10%) |
|
dsfds
50 | oklch(0.902 0.041 0.65) | #f7d4dd | hsl(345, 69%, 90%) |
|
|
100 | oklch(0.743 0.121 3.85) | #eb8aa3 | hsl(345, 71%, 73%) |
|
|
200 | oklch(0.612 0.195 9.43) | #de406a | hsl(344, 71%, 56%) |
|
|
300 | oklch(0.485 0.174 12.49) | #aa1e43 | hsl(344, 70%, 39%) |
|
|
400 | oklch(0.328 0.112 11.23) | #611126 | hsl(344, 70%, 22%) |
|
|
500 | oklch(0.147 0.038 3.08) | #170409 | hsl(344, 70%, 5%) |
|
|
600 | oklch(0.159 0.042 4.11) | #1b050b | hsl(344, 69%, 6%) |
|
|
700 | oklch(0.168 0.048 5.55) | #1f050c | hsl(344, 72%, 7%) |
|
|
800 | oklch(0.180 0.051 6.04) | #23060e | hsl(343, 71%, 8%) |
|
|
900 | oklch(0.190 0.055 8.33) | #27070f | hsl(345, 70%, 9%) |
|
|
950 | oklch(0.201 0.058 8.34) | #2b0811 | hsl(345, 69%, 10%) |
|
dsfds
50 | oklch(0.981 0.061 105.45) | #fefccd | hsl(58, 96%, 90%) |
|
|
100 | oklch(0.962 0.119 105.86) | #fdf897 | hsl(57, 96%, 79%) |
|
|
200 | oklch(0.949 0.165 106.56) | #fcf562 | hsl(57, 96%, 69%) |
|
|
300 | oklch(0.937 0.192 106.04) | #fcf12c | hsl(57, 97%, 58%) |
|
|
400 | oklch(0.894 0.190 105.74) | #eee204 | hsl(57, 97%, 47%) |
|
|
500 | oklch(0.738 0.157 105.93) | #b8af03 | hsl(57, 97%, 37%) |
|
|
600 | oklch(0.658 0.140 106.32) | #9d9603 | hsl(57, 96%, 31%) |
|
|
700 | oklch(0.573 0.122 106.26) | #827c02 | hsl(57, 97%, 26%) |
|
|
800 | oklch(0.489 0.104 106.18) | #686302 | hsl(57, 96%, 21%) |
|
|
900 | oklch(0.397 0.084 106.04) | #4d4901 | hsl(57, 97%, 15%) |
|
|
950 | oklch(0.302 0.064 107.11) | #323001 | hsl(58, 96%, 10%) |
|
dsfds
50 | oklch(0.942 0.023 95.97) | #f0ecdb | hsl(49, 41%, 90%) |
|
|
100 | oklch(0.914 0.035 96.32) | #e9e3c9 | hsl(49, 42%, 85%) |
|
|
200 | oklch(0.886 0.047 96.56) | #e2dab7 | hsl(49, 43%, 80%) |
|
|
300 | oklch(0.857 0.058 97.58) | #dad1a6 | hsl(50, 41%, 75%) |
|
|
400 | oklch(0.829 0.070 97.59) | #d3c894 | hsl(50, 42%, 70%) |
|
|
500 | oklch(0.801 0.081 97.60) | #ccbf82 | hsl(49, 42%, 65%) |
|
|
600 | oklch(0.737 0.103 96.94) | #bcaa5a | hsl(49, 42%, 55%) |
|
|
700 | oklch(0.642 0.099 97.71) | #9d8d40 | hsl(50, 42%, 43%) |
|
|
800 | oklch(0.517 0.077 96.46) | #756830 | hsl(49, 42%, 32%) |
|
|
900 | oklch(0.386 0.056 97.37) | #4c441f | hsl(49, 42%, 21%) |
|
|
950 | oklch(0.243 0.030 96.50) | #24200f | hsl(49, 41%, 10%) |
|
dsfds
50 | oklch(0.899 0.045 4.17) | #f9d2da | hsl(348, 76%, 90%) |
|
|
100 | oklch(0.829 0.079 4.90) | #f4b2c0 | hsl(347, 75%, 83%) |
|
|
200 | oklch(0.763 0.115 6.41) | #f092a6 | hsl(347, 76%, 76%) |
|
|
300 | oklch(0.702 0.152 8.43) | #ec728c | hsl(347, 76%, 69%) |
|
|
400 | oklch(0.647 0.185 11.03) | #e75272 | hsl(347, 76%, 61%) |
|
|
500 | oklch(0.605 0.211 14.79) | #e33258 | hsl(347, 76%, 54%) |
|
|
600 | oklch(0.546 0.205 17.31) | #cc1c42 | hsl(347, 76%, 45%) |
|
|
700 | oklch(0.465 0.173 16.80) | #a41635 | hsl(347, 76%, 36%) |
|
|
800 | oklch(0.382 0.139 16.19) | #7c1128 | hsl(347, 76%, 28%) |
|
|
900 | oklch(0.296 0.104 15.46) | #550c1b | hsl(348, 75%, 19%) |
|
|
950 | oklch(0.201 0.064 12.62) | #2d060e | hsl(348, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.