Elegant Dark Color Palette
This striking palette blends deep plum, vibrant fuchsia, soft cream, muted charcoal, and rich black, creating a bold yet elegant atmosphere that exudes modern sophistication and dramatic flair.
Practical uses and creative applications
The Elegant Dark Color Palette is a captivating blend of deep and luxurious hues that can elevate any design project. Featuring rich burgundy (#941147) and vibrant raspberry (#D30661), contrasted with soft ivory (#EEECEF), this palette is perfect for branding and web design aimed at sophisticated audiences.
Whether you're creating a chic online store or a high-end fashion brand, these colors evoke a sense of luxury and refinement that resonates with discerning customers. Ideal for designers and creatives seeking to convey elegance and modernity, this palette can also enhance packaging design, making products stand out on retail shelves.
The muted tones of dark gray (#524758) and deep black (#1C1A23) provide a solid base, allowing the brighter colors to pop while maintaining an overall air of sophistication. This color scheme is particularly suited for industries such as beauty, fashion, and premium lifestyle brands, where style and mood play a crucial role in attracting and retaining customers.
Whether revamping a website or crafting eye-catching marketing materials, the Elegant Dark Color Palette is sure to leave a lasting impression.
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.900 0.051 351.31) | #fad1e2 | hsl(335, 80%, 90%) |
|
|
100 | oklch(0.793 0.112 354.23) | #f49dc0 | hsl(336, 80%, 79%) |
|
|
200 | oklch(0.696 0.174 356.89) | #ee689f | hsl(335, 80%, 67%) |
|
|
300 | oklch(0.623 0.220 1.90) | #e8337d | hsl(335, 80%, 55%) |
|
|
400 | oklch(0.545 0.208 4.86) | #c91760 | hsl(335, 79%, 44%) |
|
|
500 | oklch(0.437 0.165 4.02) | #941147 | hsl(335, 79%, 32%) |
|
|
600 | oklch(0.394 0.147 3.94) | #800f3d | hsl(336, 79%, 28%) |
|
|
700 | oklch(0.348 0.129 3.34) | #6b0c33 | hsl(335, 80%, 23%) |
|
|
800 | oklch(0.303 0.110 2.25) | #570a2a | hsl(335, 79%, 19%) |
|
|
900 | oklch(0.255 0.089 1.20) | #420820 | hsl(335, 78%, 15%) |
|
|
950 | oklch(0.205 0.069 359.55) | #2e0516 | hsl(335, 80%, 10%) |
|
dsfds
50 | oklch(0.897 0.062 349.67) | #fecde3 | hsl(333, 96%, 90%) |
|
|
100 | oklch(0.806 0.122 351.87) | #fc9ec8 | hsl(333, 94%, 80%) |
|
|
200 | oklch(0.728 0.182 354.86) | #fb6fad | hsl(333, 95%, 71%) |
|
|
300 | oklch(0.669 0.229 358.53) | #fa4093 | hsl(333, 95%, 62%) |
|
|
400 | oklch(0.634 0.250 4.27) | #f81178 | hsl(333, 94%, 52%) |
|
|
500 | oklch(0.559 0.222 5.57) | #d30661 | hsl(333, 94%, 43%) |
|
|
600 | oklch(0.494 0.196 5.27) | #b30552 | hsl(333, 95%, 36%) |
|
|
700 | oklch(0.426 0.169 4.58) | #920443 | hsl(333, 95%, 29%) |
|
|
800 | oklch(0.357 0.141 3.87) | #720334 | hsl(334, 95%, 23%) |
|
|
900 | oklch(0.285 0.112 1.77) | #520226 | hsl(333, 95%, 16%) |
|
|
950 | oklch(0.208 0.082 358.79) | #320117 | hsl(333, 96%, 10%) |
|
dsfds
50 | oklch(0.920 0.007 312.30) | #e6e3e8 | hsl(276, 10%, 90%) |
|
|
100 | oklch(0.925 0.006 317.75) | #e8e5e9 | hsl(285, 8%, 91%) |
|
|
200 | oklch(0.931 0.006 308.39) | #e9e7eb | hsl(270, 9%, 91%) |
|
|
300 | oklch(0.936 0.005 314.80) | #ebe9ec | hsl(280, 7%, 92%) |
|
|
400 | oklch(0.940 0.006 308.39) | #eceaee | hsl(270, 11%, 93%) |
|
|
500 | oklch(0.945 0.005 314.80) | #eeecef | hsl(280, 9%, 93%) |
|
|
600 | oklch(0.810 0.016 315.95) | #c5bec8 | hsl(282, 8%, 76%) |
|
|
700 | oklch(0.669 0.028 316.09) | #9c90a1 | hsl(282, 8%, 60%) |
|
|
800 | oklch(0.525 0.033 313.15) | #716578 | hsl(278, 9%, 43%) |
|
|
900 | oklch(0.377 0.023 314.53) | #463e4a | hsl(280, 9%, 27%) |
|
|
950 | oklch(0.210 0.011 311.98) | #1a171c | hsl(276, 10%, 10%) |
|
dsfds
50 | oklch(0.920 0.007 312.30) | #e6e3e8 | hsl(276, 10%, 90%) |
|
|
100 | oklch(0.823 0.017 313.59) | #c9c2cd | hsl(278, 10%, 78%) |
|
|
200 | oklch(0.722 0.030 313.28) | #aca0b3 | hsl(278, 11%, 66%) |
|
|
300 | oklch(0.619 0.041 313.46) | #8f7f98 | hsl(278, 11%, 55%) |
|
|
400 | oklch(0.519 0.040 313.88) | #716279 | hsl(279, 11%, 43%) |
|
|
500 | oklch(0.415 0.031 313.69) | #524758 | hsl(279, 11%, 31%) |
|
|
600 | oklch(0.376 0.028 314.46) | #473d4c | hsl(280, 11%, 27%) |
|
|
700 | oklch(0.338 0.023 314.49) | #3c3440 | hsl(280, 10%, 23%) |
|
|
800 | oklch(0.297 0.020 315.78) | #312a34 | hsl(282, 11%, 18%) |
|
|
900 | oklch(0.253 0.016 312.87) | #252028 | hsl(278, 11%, 14%) |
|
|
950 | oklch(0.210 0.011 311.98) | #1a171c | hsl(276, 10%, 10%) |
|
dsfds
50 | oklch(0.916 0.009 292.78) | #e3e2e9 | hsl(249, 14%, 90%) |
|
|
100 | oklch(0.779 0.027 295.42) | #b8b4c7 | hsl(253, 15%, 74%) |
|
|
200 | oklch(0.637 0.047 295.40) | #8d86a5 | hsl(254, 15%, 59%) |
|
|
300 | oklch(0.501 0.051 294.52) | #655e7e | hsl(253, 15%, 43%) |
|
|
400 | oklch(0.370 0.036 295.50) | #413c51 | hsl(254, 15%, 28%) |
|
|
500 | oklch(0.224 0.018 295.14) | #1c1a23 | hsl(253, 15%, 12%) |
|
|
600 | oklch(0.220 0.018 295.10) | #1b1922 | hsl(253, 15%, 12%) |
|
|
700 | oklch(0.215 0.018 295.06) | #1a1821 | hsl(253, 16%, 11%) |
|
|
800 | oklch(0.211 0.018 295.02) | #191720 | hsl(253, 16%, 11%) |
|
|
900 | oklch(0.209 0.014 291.71) | #18171e | hsl(249, 13%, 10%) |
|
|
950 | oklch(0.205 0.014 291.68) | #17161d | hsl(249, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.