Modern Elegance Color Palette
This palette exudes a striking contrast of crisp white and soft peach, electrified by bold crimson, grounded by deep black and rich charcoal, creating a dynamic blend of modern elegance and fierce energy.
Practical uses and creative applications
The Modern Elegance Color Palette combines timeless sophistication with contemporary vibrancy, making it an ideal choice for a variety of creative projects. Featuring a crisp white (#FFFFFF), a soft peachy beige (#FFE1BF), a striking red (#FF2C00), a deep black (#000000), and a rich charcoal (#484143), this palette is perfect for branding that seeks to convey both luxury and approachability.
Whether you're designing a chic logo for a fashion brand, a sleek website for a tech startup, or elegant packaging for gourmet products, these colors harmoniously work together to create a memorable visual identity. Ideal for designers and creatives who are aiming to evoke feelings of modernity and elegance, this palette suits a wide range of stylesfrom minimalist interiors to upscale event promotions.
The contrast of the bold red against the neutral tones can make striking focal points in web design, while the soft beige provides warmth, perfect for interiors that aim to create an inviting atmosphere. Use this palette to craft compelling visual stories that speak to your audience's desire for sophistication and style.
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.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%) |
|
dsfds
| 50 | oklch(0.940 0.044 70.53) | #ffe7cc | hsl(32, 100%, 90%) |
|
|
| 100 | oklch(0.938 0.047 71.33) | #ffe6c9 | hsl(32, 100%, 89%) |
|
|
| 200 | oklch(0.935 0.049 71.16) | #ffe5c7 | hsl(32, 100%, 89%) |
|
|
| 300 | oklch(0.931 0.051 69.98) | #ffe3c4 | hsl(32, 100%, 88%) |
|
|
| 400 | oklch(0.929 0.053 69.86) | #ffe2c2 | hsl(31, 100%, 88%) |
|
|
| 500 | oklch(0.926 0.056 70.55) | #ffe1bf | hsl(32, 100%, 87%) |
|
|
| 600 | oklch(0.842 0.121 68.39) | #ffbc70 | hsl(32, 100%, 72%) |
|
|
| 700 | oklch(0.769 0.169 61.57) | #ff9721 | hsl(32, 100%, 56%) |
|
|
| 800 | oklch(0.642 0.156 56.81) | #d16f00 | hsl(32, 100%, 41%) |
|
|
| 900 | oklch(0.456 0.108 58.77) | #824500 | hsl(32, 100%, 25%) |
|
|
| 950 | oklch(0.249 0.056 65.91) | #331b00 | hsl(32, 100%, 10%) |
|
dsfds
| 50 | oklch(0.906 0.049 32.14) | #ffd5cc | hsl(11, 100%, 90%) |
|
|
| 100 | oklch(0.835 0.092 32.29) | #ffb3a3 | hsl(10, 100%, 82%) |
|
|
| 200 | oklch(0.769 0.138 32.81) | #ff917a | hsl(10, 100%, 74%) |
|
|
| 300 | oklch(0.714 0.181 33.45) | #ff7052 | hsl(10, 100%, 66%) |
|
|
| 400 | oklch(0.670 0.219 33.37) | #ff4e29 | hsl(10, 100%, 58%) |
|
|
| 500 | oklch(0.642 0.245 31.79) | #ff2c00 | hsl(10, 100%, 50%) |
|
|
| 600 | oklch(0.564 0.213 32.03) | #d62500 | hsl(10, 100%, 42%) |
|
|
| 700 | oklch(0.482 0.181 32.40) | #ad1e00 | hsl(10, 100%, 34%) |
|
|
| 800 | oklch(0.400 0.148 32.97) | #851700 | hsl(10, 100%, 26%) |
|
|
| 900 | oklch(0.311 0.111 34.22) | #5c1000 | hsl(10, 100%, 18%) |
|
|
| 950 | oklch(0.216 0.071 37.89) | #330900 | hsl(11, 100%, 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.921 0.004 354.70) | #e7e4e5 | hsl(340, 6%, 90%) |
|
|
| 100 | oklch(0.819 0.007 354.84) | #c8c2c4 | hsl(340, 5%, 77%) |
|
|
| 200 | oklch(0.717 0.011 2.11) | #aaa1a3 | hsl(347, 5%, 65%) |
|
|
| 300 | oklch(0.608 0.015 0.56) | #8b7f82 | hsl(345, 5%, 52%) |
|
|
| 400 | oklch(0.499 0.013 3.89) | #6a6062 | hsl(348, 5%, 40%) |
|
|
| 500 | oklch(0.383 0.010 358.31) | #484143 | hsl(343, 5%, 27%) |
|
|
| 600 | oklch(0.351 0.009 355.32) | #3f393b | hsl(340, 5%, 24%) |
|
|
| 700 | oklch(0.319 0.007 3.80) | #363132 | hsl(348, 5%, 20%) |
|
|
| 800 | oklch(0.286 0.006 0.46) | #2d292a | hsl(345, 5%, 17%) |
|
|
| 900 | oklch(0.248 0.006 0.58) | #242021 | hsl(345, 6%, 13%) |
|
|
| 950 | oklch(0.213 0.005 355.27) | #1b1819 | hsl(340, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
