Dark Elegance Color Palette
This palette exudes a dark, moody elegance with deep burgundy and charcoal tones, evoking a sense of mystery and sophistication reminiscent of a shadowy, candlelit gathering.
Practical uses and creative applications
The Dark Elegance Color Palette is a sophisticated selection that combines deep hues of burgundy and charcoal, making it ideal for projects that require a touch of luxury and refinement. With dominant colors like #280000 and #500000, this palette evokes a sense of mystery and depth, perfect for branding high-end products or services, such as boutique hotels, upscale restaurants, or luxury fashion lines.
The contrasting shades of #282828 and #000000 provide a strong foundation, enhancing the overall visual impact across various mediums. For web design, the Dark Elegance Color Palette offers a dramatic backdrop that can elevate user engagement while maintaining an air of sophistication.
This color scheme is particularly appealing to designers and creatives looking to craft visually striking websites, portfolios, or digital campaigns that resonate with upscale audiences. Additionally, in packaging design, these colors can create memorable unboxing experiences, reinforcing a brand's luxurious identity.
Interiors featuring the Dark Elegance Color Palette can evoke a cozy yet opulent atmosphere, making it ideal for spaces like lounges, dining areas, or boutique retail spaces. By incorporating these rich colors, designers can create an inviting ambiance that suggests comfort and sophistication, appealing to discerning clientele.
Whether for branding, web design, packaging, or interiors, this palette is a perfect choice for those seeking to convey elegance and depth in their creative endeavors.
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.890 0.058 18.30) | #ffcccc | hsl(0, 100%, 90%) |
|
|
100 | oklch(0.731 0.165 21.99) | #ff7878 | hsl(0, 100%, 74%) |
|
|
200 | oklch(0.639 0.246 27.92) | #ff2424 | hsl(0, 100%, 57%) |
|
|
300 | oklch(0.539 0.221 29.23) | #d00000 | hsl(0, 100%, 41%) |
|
|
400 | oklch(0.368 0.151 29.23) | #7c0000 | hsl(0, 100%, 24%) |
|
|
500 | oklch(0.174 0.071 29.23) | #280000 | hsl(0, 100%, 8%) |
|
|
600 | oklch(0.179 0.073 29.23) | #2a0000 | hsl(0, 100%, 8%) |
|
|
700 | oklch(0.184 0.076 29.23) | #2c0000 | hsl(0, 100%, 9%) |
|
|
800 | oklch(0.192 0.079 29.23) | #2f0000 | hsl(0, 100%, 9%) |
|
|
900 | oklch(0.197 0.081 29.23) | #310000 | hsl(0, 100%, 10%) |
|
|
950 | oklch(0.202 0.083 29.23) | #330000 | hsl(0, 100%, 10%) |
|
dsfds
50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
100 | oklch(0.808 0.000 89.88) | #c0c0c0 | hsl(0, 0%, 75%) |
|
|
200 | oklch(0.686 0.000 89.88) | #9a9a9a | hsl(0, 0%, 60%) |
|
|
300 | oklch(0.559 0.000 89.88) | #747474 | hsl(0, 0%, 45%) |
|
|
400 | oklch(0.424 0.000 89.88) | #4e4e4e | hsl(0, 0%, 31%) |
|
|
500 | oklch(0.277 0.000 89.88) | #282828 | hsl(0, 0%, 16%) |
|
|
600 | oklch(0.264 0.000 89.88) | #252525 | hsl(0, 0%, 15%) |
|
|
700 | oklch(0.252 0.000 89.88) | #222222 | hsl(0, 0%, 13%) |
|
|
800 | oklch(0.239 0.000 89.88) | #1f1f1f | hsl(0, 0%, 12%) |
|
|
900 | oklch(0.226 0.000 89.88) | #1c1c1c | hsl(0, 0%, 11%) |
|
|
950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
100 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
50 | oklch(0.890 0.058 18.30) | #ffcccc | hsl(0, 100%, 90%) |
|
|
100 | oklch(0.744 0.155 21.50) | #ff8080 | hsl(0, 100%, 75%) |
|
|
200 | oklch(0.650 0.236 26.90) | #ff3434 | hsl(0, 100%, 60%) |
|
|
300 | oklch(0.585 0.240 29.23) | #e80000 | hsl(0, 100%, 45%) |
|
|
400 | oklch(0.435 0.179 29.23) | #9c0000 | hsl(0, 100%, 31%) |
|
|
500 | oklch(0.271 0.111 29.23) | #500000 | hsl(0, 100%, 16%) |
|
|
600 | oklch(0.257 0.105 29.23) | #4a0000 | hsl(0, 100%, 15%) |
|
|
700 | oklch(0.243 0.100 29.23) | #440000 | hsl(0, 100%, 13%) |
|
|
800 | oklch(0.231 0.095 29.23) | #3f0000 | hsl(0, 100%, 12%) |
|
|
900 | oklch(0.216 0.089 29.23) | #390000 | hsl(0, 100%, 11%) |
|
|
950 | oklch(0.202 0.083 29.23) | #330000 | hsl(0, 100%, 10%) |
|
dsfds
50 | oklch(0.911 0.019 17.50) | #eedddd | hsl(0, 33%, 90%) |
|
|
100 | oklch(0.792 0.045 18.16) | #d7b0b0 | hsl(0, 33%, 77%) |
|
|
200 | oklch(0.673 0.077 19.28) | #c18383 | hsl(0, 33%, 64%) |
|
|
300 | oklch(0.553 0.112 21.34) | #aa5555 | hsl(0, 33%, 50%) |
|
|
400 | oklch(0.446 0.086 21.10) | #7d3f3f | hsl(0, 33%, 37%) |
|
|
500 | oklch(0.330 0.060 20.81) | #502828 | hsl(0, 33%, 24%) |
|
|
600 | oklch(0.305 0.055 20.78) | #472323 | hsl(0, 34%, 21%) |
|
|
700 | oklch(0.282 0.048 20.56) | #3e1f1f | hsl(0, 33%, 18%) |
|
|
800 | oklch(0.254 0.042 20.37) | #341a1a | hsl(0, 33%, 15%) |
|
|
900 | oklch(0.229 0.034 20.05) | #2b1616 | hsl(0, 32%, 13%) |
|
|
950 | oklch(0.202 0.029 19.88) | #221111 | hsl(0, 33%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.