Modern Elegance Color Palette
This palette exudes a sleek, modern elegance with deep charcoal tones contrasting sharply against energetic coral, softened by cool grays and bright white, perfect for a stylish urban aesthetic.
Practical uses and creative applications
The Modern Elegance Color Palettefeaturing deep shades of charcoal (#212121, #262626) alongside a vibrant coral (#FF6D37), soft gray (#A6A6A6), and crisp white (#FFFFFF)is a versatile choice for a range of design applications. This palette beautifully balances sophistication and warmth, making it ideal for branding and web design projects that aim to convey a contemporary and luxurious feel.
Designers can use these colors to create striking logos, user-friendly interfaces, or elegant marketing materials that captivate their audience. This color palette is particularly suited for creatives looking to make a statement in industries such as fashion, technology, or high-end services.
Its refined tones are perfect for packaging designs that stand out on the shelf while maintaining an air of sophistication. Additionally, interior designers can incorporate these colors into modern spaces to evoke a sense of calm and elegance, making them perfect for residential or commercial projects.
By leveraging the Modern Elegance Color Palette, designers can effectively communicate a sense of style and innovation, appealing to discerning clients and consumers alike.
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.802 0.000 89.88) | #bebebe | hsl(0, 0%, 75%) |
|
|
| 200 | oklch(0.676 0.000 89.88) | #979797 | hsl(0, 0%, 59%) |
|
|
| 300 | oklch(0.545 0.000 89.88) | #707070 | hsl(0, 0%, 44%) |
|
|
| 400 | oklch(0.402 0.000 89.88) | #484848 | hsl(0, 0%, 28%) |
|
|
| 500 | oklch(0.248 0.000 89.88) | #212121 | hsl(0, 0%, 13%) |
|
|
| 600 | oklch(0.244 0.000 89.88) | #202020 | hsl(0, 0%, 13%) |
|
|
| 700 | oklch(0.235 0.000 89.88) | #1e1e1e | hsl(0, 0%, 12%) |
|
|
| 800 | oklch(0.231 0.000 89.88) | #1d1d1d | hsl(0, 0%, 11%) |
|
|
| 900 | oklch(0.222 0.000 89.88) | #1b1b1b | 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.805 0.000 89.88) | #bfbfbf | hsl(0, 0%, 75%) |
|
|
| 200 | oklch(0.683 0.000 89.88) | #999999 | hsl(0, 0%, 60%) |
|
|
| 300 | oklch(0.556 0.000 89.88) | #737373 | hsl(0, 0%, 45%) |
|
|
| 400 | oklch(0.417 0.000 89.88) | #4c4c4c | hsl(0, 0%, 30%) |
|
|
| 500 | oklch(0.269 0.000 89.88) | #262626 | hsl(0, 0%, 15%) |
|
|
| 600 | oklch(0.260 0.000 89.88) | #242424 | hsl(0, 0%, 14%) |
|
|
| 700 | oklch(0.248 0.000 89.88) | #212121 | 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.916 0.046 41.83) | #ffdacc | hsl(16, 100%, 90%) |
|
|
| 100 | oklch(0.868 0.074 41.39) | #ffc4ae | hsl(16, 100%, 84%) |
|
|
| 200 | oklch(0.822 0.104 41.12) | #ffae90 | hsl(16, 100%, 78%) |
|
|
| 300 | oklch(0.781 0.133 41.03) | #ff9973 | hsl(16, 100%, 73%) |
|
|
| 400 | oklch(0.742 0.163 40.52) | #ff8355 | hsl(16, 100%, 67%) |
|
|
| 500 | oklch(0.707 0.190 39.51) | #ff6d37 | hsl(16, 100%, 61%) |
|
|
| 600 | oklch(0.662 0.228 35.61) | #ff4703 | hsl(16, 100%, 51%) |
|
|
| 700 | oklch(0.564 0.194 35.89) | #ce3800 | hsl(16, 100%, 40%) |
|
|
| 800 | oklch(0.459 0.155 36.60) | #9b2a00 | hsl(16, 100%, 30%) |
|
|
| 900 | oklch(0.346 0.113 38.23) | #671c00 | hsl(16, 100%, 20%) |
|
|
| 950 | oklch(0.223 0.066 43.47) | #330e00 | hsl(16, 100%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.885 0.000 89.88) | #d9d9d9 | hsl(0, 0%, 85%) |
|
|
| 200 | oklch(0.845 0.000 89.88) | #cccccc | hsl(0, 0%, 80%) |
|
|
| 300 | oklch(0.805 0.000 89.88) | #bfbfbf | hsl(0, 0%, 75%) |
|
|
| 400 | oklch(0.767 0.000 89.88) | #b3b3b3 | hsl(0, 0%, 70%) |
|
|
| 500 | oklch(0.725 0.000 89.88) | #a6a6a6 | hsl(0, 0%, 65%) |
|
|
| 600 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 700 | oklch(0.538 0.000 89.88) | #6e6e6e | hsl(0, 0%, 43%) |
|
|
| 800 | oklch(0.439 0.000 89.88) | #525252 | hsl(0, 0%, 32%) |
|
|
| 900 | oklch(0.333 0.000 89.88) | #363636 | hsl(0, 0%, 21%) |
|
|
| 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.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
