Dark Elegance Color Palette
This palette exudes a dark, moody elegance punctuated by vibrant lime green, fiery crimson, and deep burgundy, creating a striking contrast that feels both mysterious and bold.
Practical uses and creative applications
The Dark Elegance Color Palette is a striking combination of deep hues and vibrant accents, making it an ideal choice for designers seeking to evoke a sense of sophistication and drama. Featuring the rich tones of #413d3d and #040004, paired with bold highlights of #c8ff00, #fa023c, and #4b000f, this palette is perfect for branding projects that aim to stand out while maintaining a sense of luxury.
Whether you're crafting a logo for a high-end fashion brand or designing a website for an upscale restaurant, these colors will create an impactful visual identity that resonates with discerning audiences. This palette is particularly suited for creatives in the fields of web design, packaging, and interior decor.
The contrast between the dark shades and vibrant pops of color lends itself beautifully to modern and contemporary styles, making it a great fit for those looking to create striking social media graphics or eye-catching product packaging. Additionally, interior designers can utilize the Dark Elegance palette to create moody yet inviting spaces, perfect for boutique hotels or upscale residential projects.
By appealing to designers and creatives who crave sophistication, this color palette is sure to inspire and elevate any project.
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.
| 50 | oklch(0.923 0.001 17.18) | #e6e5e5 | hsl(0, 2%, 90%) |
|
|
| 100 | oklch(0.817 0.004 17.25) | #c6c2c2 | hsl(0, 3%, 77%) |
|
|
| 200 | oklch(0.711 0.007 17.32) | #a6a0a0 | hsl(0, 3%, 64%) |
|
|
| 300 | oklch(0.600 0.010 17.43) | #867e7e | hsl(0, 3%, 51%) |
|
|
| 400 | oklch(0.484 0.008 17.42) | #635d5d | hsl(0, 3%, 38%) |
|
|
| 500 | oklch(0.364 0.006 17.41) | #413d3d | hsl(0, 3%, 25%) |
|
|
| 600 | oklch(0.336 0.004 17.37) | #393636 | hsl(0, 3%, 22%) |
|
|
| 700 | oklch(0.305 0.006 17.47) | #322e2e | hsl(0, 4%, 19%) |
|
|
| 800 | oklch(0.276 0.004 17.43) | #2a2727 | hsl(0, 4%, 16%) |
|
|
| 900 | oklch(0.246 0.003 17.36) | #222020 | hsl(0, 3%, 13%) |
|
|
| 950 | oklch(0.215 0.002 17.28) | #1a1919 | hsl(0, 2%, 10%) |
|
| 50 | oklch(0.905 0.087 326.27) | #ffccff | hsl(300, 100%, 90%) |
|
|
| 100 | oklch(0.769 0.236 327.57) | #ff71ff | hsl(300, 100%, 72%) |
|
|
| 200 | oklch(0.705 0.318 328.32) | #ff16ff | hsl(300, 100%, 54%) |
|
|
| 300 | oklch(0.554 0.254 328.36) | #ba00ba | hsl(300, 100%, 36%) |
|
|
| 400 | oklch(0.341 0.157 328.36) | #5f005f | hsl(300, 100%, 19%) |
|
|
| 500 | oklch(0.075 0.034 328.36) | #040004 | hsl(300, 100%, 1%) |
|
|
| 600 | oklch(0.112 0.051 328.36) | #0d000d | hsl(300, 100%, 3%) |
|
|
| 700 | oklch(0.144 0.066 328.36) | #170017 | hsl(300, 100%, 5%) |
|
|
| 800 | oklch(0.171 0.079 328.36) | #200020 | hsl(300, 100%, 6%) |
|
|
| 900 | oklch(0.200 0.092 328.36) | #2a002a | hsl(300, 100%, 8%) |
|
|
| 950 | oklch(0.225 0.104 328.36) | #330033 | hsl(300, 100%, 10%) |
|
| 50 | oklch(0.979 0.067 117.54) | #f4ffcc | hsl(73, 100%, 90%) |
|
|
| 100 | oklch(0.965 0.117 118.65) | #ebffa3 | hsl(73, 100%, 82%) |
|
|
| 200 | oklch(0.952 0.162 119.79) | #e2ff7a | hsl(73, 100%, 74%) |
|
|
| 300 | oklch(0.943 0.196 120.78) | #daff52 | hsl(73, 100%, 66%) |
|
|
| 400 | oklch(0.935 0.219 122.25) | #d1ff29 | hsl(73, 100%, 58%) |
|
|
| 500 | oklch(0.928 0.230 123.98) | #c8ff00 | hsl(73, 100%, 50%) |
|
|
| 600 | oklch(0.814 0.202 123.82) | #a8d600 | hsl(73, 100%, 42%) |
|
|
| 700 | oklch(0.695 0.172 123.59) | #88ad00 | hsl(73, 100%, 34%) |
|
|
| 800 | oklch(0.573 0.142 123.55) | #688500 | hsl(73, 100%, 26%) |
|
|
| 900 | oklch(0.442 0.108 123.03) | #485c00 | hsl(73, 100%, 18%) |
|
|
| 950 | oklch(0.300 0.073 121.83) | #283300 | hsl(73, 100%, 10%) |
|
| 50 | oklch(0.893 0.060 2.64) | #ffccd8 | hsl(346, 100%, 90%) |
|
|
| 100 | oklch(0.812 0.111 4.11) | #fea3b9 | hsl(345, 98%, 82%) |
|
|
| 200 | oklch(0.741 0.163 7.13) | #fe7a99 | hsl(346, 99%, 74%) |
|
|
| 300 | oklch(0.684 0.209 10.61) | #fe517a | hsl(346, 99%, 66%) |
|
|
| 400 | oklch(0.644 0.240 15.77) | #fd285a | hsl(346, 98%, 57%) |
|
|
| 500 | oklch(0.623 0.250 21.50) | #fa023c | hsl(346, 98%, 49%) |
|
|
| 600 | oklch(0.546 0.219 21.20) | #d20232 | hsl(346, 98%, 42%) |
|
|
| 700 | oklch(0.467 0.187 20.36) | #aa0129 | hsl(346, 99%, 34%) |
|
|
| 800 | oklch(0.384 0.154 19.52) | #82011f | hsl(346, 98%, 26%) |
|
|
| 900 | oklch(0.297 0.118 17.34) | #5a0116 | hsl(346, 98%, 18%) |
|
|
| 950 | oklch(0.205 0.082 12.99) | #33000c | hsl(346, 100%, 10%) |
|
| 50 | oklch(0.892 0.059 5.19) | #ffccd6 | hsl(348, 100%, 90%) |
|
|
| 100 | oklch(0.749 0.157 8.83) | #ff7f99 | hsl(348, 100%, 75%) |
|
|
| 200 | oklch(0.654 0.235 16.66) | #ff325b | hsl(348, 100%, 60%) |
|
|
| 300 | oklch(0.582 0.235 23.34) | #e5002e | hsl(348, 100%, 45%) |
|
|
| 400 | oklch(0.429 0.173 22.33) | #98001e | hsl(348, 100%, 30%) |
|
|
| 500 | oklch(0.262 0.105 18.49) | #4b000f | hsl(348, 100%, 15%) |
|
|
| 600 | oklch(0.250 0.100 17.97) | #46000e | hsl(348, 100%, 14%) |
|
|
| 700 | oklch(0.238 0.095 17.37) | #41000d | hsl(348, 100%, 13%) |
|
|
| 800 | oklch(0.228 0.091 17.02) | #3d000c | hsl(348, 100%, 12%) |
|
|
| 900 | oklch(0.216 0.087 16.25) | #38000b | hsl(348, 100%, 11%) |
|
|
| 950 | oklch(0.204 0.082 15.35) | #33000a | hsl(348, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
