Modern Elegance Color Palette
This palette exudes a sleek, modern elegance with its soft grays and stark black, punctuated by bold crimson hues that inject a dramatic, passionate energy.
Practical uses and creative applications
Introducing the Modern Elegance Color Palette, a sophisticated blend of soft neutrals and striking accents that exudes refinement and contemporary charm. Comprising shades of delicate gray (#f6f6f6, #e8e8e8) paired with deep hues of charcoal (#333333) and bold crimson (#990100, #b90504), this palette is designed to elevate any creative project.
Ideal for branding, web design, and packaging, it strikes the perfect balance between understated elegance and eye-catching appeal. This color palette is particularly suited for designers and creatives looking to convey a sense of luxury and professionalism in their work.
Whether you're developing a chic e-commerce site, designing high-end product packaging, or reimagining interior spaces, the Modern Elegance Color Palette provides a versatile foundation. Its subtle grays create a calming backdrop, while the striking reds offer a powerful visual punch, making it an excellent choice for brands wanting to leave a lasting impression.
Embrace this palette to evoke feelings of sophistication and modernity in your next 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.
dsfds
50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
100 | oklch(0.934 0.000 89.88) | #e9e9e9 | hsl(0, 0%, 91%) |
|
|
200 | oklch(0.943 0.000 89.88) | #ececec | hsl(0, 0%, 93%) |
|
|
300 | oklch(0.952 0.000 89.88) | #efefef | hsl(0, 0%, 94%) |
|
|
400 | oklch(0.964 0.000 89.88) | #f3f3f3 | hsl(0, 0%, 95%) |
|
|
500 | oklch(0.973 0.000 89.88) | #f6f6f6 | hsl(0, 0%, 96%) |
|
|
600 | oklch(0.839 0.000 89.88) | #cacaca | hsl(0, 0%, 79%) |
|
|
700 | oklch(0.699 0.000 89.88) | #9e9e9e | hsl(0, 0%, 62%) |
|
|
800 | oklch(0.552 0.000 89.88) | #727272 | hsl(0, 0%, 45%) |
|
|
900 | oklch(0.394 0.000 89.88) | #464646 | hsl(0, 0%, 27%) |
|
|
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
200 | oklch(0.928 0.000 89.88) | #e7e7e7 | hsl(0, 0%, 91%) |
|
|
300 | oklch(0.928 0.000 89.88) | #e7e7e7 | hsl(0, 0%, 91%) |
|
|
400 | oklch(0.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
500 | oklch(0.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
600 | oklch(0.805 0.000 89.88) | #bfbfbf | hsl(0, 0%, 75%) |
|
|
700 | oklch(0.670 0.000 89.88) | #959595 | hsl(0, 0%, 58%) |
|
|
800 | oklch(0.531 0.000 89.88) | #6c6c6c | hsl(0, 0%, 42%) |
|
|
900 | oklch(0.383 0.000 89.88) | #434343 | hsl(0, 0%, 26%) |
|
|
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.814 0.000 89.88) | #c2c2c2 | hsl(0, 0%, 76%) |
|
|
200 | oklch(0.699 0.000 89.88) | #9e9e9e | hsl(0, 0%, 62%) |
|
|
300 | oklch(0.580 0.000 89.88) | #7a7a7a | hsl(0, 0%, 48%) |
|
|
400 | oklch(0.457 0.000 89.88) | #575757 | hsl(0, 0%, 34%) |
|
|
500 | oklch(0.321 0.000 89.88) | #333333 | hsl(0, 0%, 20%) |
|
|
600 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
700 | oklch(0.281 0.000 89.88) | #292929 | hsl(0, 0%, 16%) |
|
|
800 | oklch(0.260 0.000 89.88) | #242424 | hsl(0, 0%, 14%) |
|
|
900 | oklch(0.239 0.000 89.88) | #1f1f1f | hsl(0, 0%, 12%) |
|
|
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.772 0.134 21.19) | #ff908f | hsl(1, 100%, 78%) |
|
|
200 | oklch(0.680 0.209 24.89) | #ff5352 | hsl(0, 100%, 66%) |
|
|
300 | oklch(0.633 0.253 28.79) | #ff1614 | hsl(1, 100%, 54%) |
|
|
400 | oklch(0.550 0.226 29.28) | #d60100 | hsl(0, 100%, 42%) |
|
|
500 | oklch(0.429 0.176 29.33) | #990100 | hsl(0, 100%, 30%) |
|
|
600 | oklch(0.388 0.158 29.36) | #850100 | hsl(0, 100%, 26%) |
|
|
700 | oklch(0.343 0.140 29.42) | #700100 | hsl(1, 100%, 22%) |
|
|
800 | oklch(0.299 0.122 29.52) | #5c0100 | hsl(1, 100%, 18%) |
|
|
900 | oklch(0.250 0.103 29.23) | #470000 | hsl(0, 100%, 14%) |
|
|
950 | oklch(0.202 0.083 29.23) | #330000 | hsl(0, 100%, 10%) |
|
dsfds
50 | oklch(0.891 0.056 18.25) | #fecdcd | hsl(0, 96%, 90%) |
|
|
100 | oklch(0.786 0.120 20.76) | #fd9998 | hsl(1, 96%, 79%) |
|
|
200 | oklch(0.697 0.186 23.61) | #fc6463 | hsl(0, 96%, 69%) |
|
|
300 | oklch(0.638 0.235 27.29) | #fa302f | hsl(0, 95%, 58%) |
|
|
400 | oklch(0.597 0.243 29.12) | #ee0605 | hsl(0, 96%, 48%) |
|
|
500 | oklch(0.495 0.201 29.09) | #b90504 | hsl(0, 96%, 37%) |
|
|
600 | oklch(0.441 0.179 29.11) | #9e0403 | hsl(0, 96%, 32%) |
|
|
700 | oklch(0.385 0.155 29.05) | #830403 | hsl(0, 96%, 26%) |
|
|
800 | oklch(0.327 0.131 29.10) | #680302 | hsl(1, 96%, 21%) |
|
|
900 | oklch(0.266 0.106 28.59) | #4d0202 | hsl(0, 95%, 15%) |
|
|
950 | oklch(0.201 0.080 28.49) | #320101 | hsl(0, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.