Chic Modern Elegance Color Palette
This palette exudes a chic, modern elegance with rich charcoal, crisp white, soft taupe, and playful golden yellows, creating a stylish balance of sophistication and warmth.
Practical uses and creative applications
The Chic Modern Elegance Color Palette is a harmonious blend of sophisticated neutrals and soft pastels, making it ideal for a variety of design projects. Featuring a deep taupe (#574d4f), crisp white (#ffffff), muted lavender (#969091), and cheerful yellows (#ffe999 and #ffd952), this palette exudes a refined yet inviting aesthetic.
It's perfect for branding endeavors that aim to convey luxury and approachability, such as upscale boutiques, beauty brands, and lifestyle blogs. Web designers and creatives will find the Chic Modern Elegance palette particularly versatile for crafting stunning websites and digital portfolios.
The muted tones provide a perfect backdrop for striking imagery, while the pops of yellow can be used for call-to-action buttons or highlights, drawing attention without overwhelming the viewer. For interior designers, this palette offers a calm and inviting atmosphere, ideal for modern home decor or chic office spaces, where balance and elegance are key to creating a welcoming environment.
This color palette resonates well with an audience looking to evoke feelings of tranquility and sophistication, making it a go-to choice for designers seeking to elevate their projects. Whether you're creating packaging that stands out on the shelves or designing a brand identity that speaks to your target audience, the Chic Modern Elegance Color Palette is your perfect partner in crafting memorable and stylish experiences.
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.921 0.004 354.70) | #e7e4e5 | hsl(340, 6%, 90%) |
|
|
| 100 | oklch(0.829 0.007 5.66) | #cbc5c6 | hsl(350, 5%, 78%) |
|
|
| 200 | oklch(0.732 0.013 4.88) | #b0a5a7 | hsl(349, 7%, 67%) |
|
|
| 300 | oklch(0.633 0.017 2.97) | #948689 | hsl(347, 6%, 55%) |
|
|
| 400 | oklch(0.534 0.017 7.12) | #76696b | hsl(351, 6%, 44%) |
|
|
| 500 | oklch(0.431 0.014 4.03) | #574d4f | hsl(348, 6%, 32%) |
|
|
| 600 | oklch(0.389 0.013 2.59) | #4b4244 | hsl(347, 6%, 28%) |
|
|
| 700 | oklch(0.348 0.010 7.80) | #3f3839 | hsl(351, 6%, 23%) |
|
|
| 800 | oklch(0.304 0.009 6.20) | #332d2e | hsl(350, 6%, 19%) |
|
|
| 900 | oklch(0.261 0.006 17.55) | #272323 | hsl(0, 5%, 15%) |
|
|
| 950 | oklch(0.213 0.005 355.27) | #1b1819 | hsl(340, 6%, 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%) |
|
dsfds
| 50 | oklch(0.923 0.001 17.18) | #e6e5e5 | hsl(0, 2%, 90%) |
|
|
| 100 | oklch(0.872 0.002 17.20) | #d6d4d4 | hsl(0, 2%, 84%) |
|
|
| 200 | oklch(0.820 0.003 17.23) | #c6c3c3 | hsl(0, 3%, 77%) |
|
|
| 300 | oklch(0.767 0.005 0.04) | #b6b2b3 | hsl(345, 3%, 71%) |
|
|
| 400 | oklch(0.713 0.006 3.41) | #a6a1a2 | hsl(348, 3%, 64%) |
|
|
| 500 | oklch(0.659 0.007 5.73) | #969091 | hsl(350, 3%, 58%) |
|
|
| 600 | oklch(0.576 0.009 7.46) | #7e7778 | hsl(351, 3%, 48%) |
|
|
| 700 | oklch(0.494 0.007 3.54) | #656061 | hsl(348, 3%, 39%) |
|
|
| 800 | oklch(0.406 0.006 0.25) | #4c4849 | hsl(345, 3%, 29%) |
|
|
| 900 | oklch(0.313 0.005 355.01) | #333031 | hsl(340, 3%, 19%) |
|
|
| 950 | oklch(0.215 0.002 17.28) | #1a1919 | hsl(0, 2%, 10%) |
|
dsfds
| 50 | oklch(0.966 0.053 94.43) | #fff4cc | hsl(47, 100%, 90%) |
|
|
| 100 | oklch(0.960 0.063 94.68) | #fff2c2 | hsl(47, 100%, 88%) |
|
|
| 200 | oklch(0.954 0.073 94.87) | #fff0b8 | hsl(47, 100%, 86%) |
|
|
| 300 | oklch(0.946 0.083 94.27) | #ffedad | hsl(47, 100%, 84%) |
|
|
| 400 | oklch(0.940 0.093 94.44) | #ffeba3 | hsl(47, 100%, 82%) |
|
|
| 500 | oklch(0.934 0.102 94.56) | #ffe999 | hsl(47, 100%, 80%) |
|
|
| 600 | oklch(0.896 0.155 93.63) | #ffda52 | hsl(47, 100%, 66%) |
|
|
| 700 | oklch(0.861 0.175 89.28) | #ffca0a | hsl(47, 100%, 52%) |
|
|
| 800 | oklch(0.699 0.143 88.82) | #c29800 | hsl(47, 100%, 38%) |
|
|
| 900 | oklch(0.501 0.102 90.18) | #7a6000 | hsl(47, 100%, 24%) |
|
|
| 950 | oklch(0.281 0.058 92.90) | #332800 | hsl(47, 100%, 10%) |
|
dsfds
| 50 | oklch(0.966 0.053 94.43) | #fff4cc | hsl(47, 100%, 90%) |
|
|
| 100 | oklch(0.949 0.076 93.69) | #ffeeb4 | hsl(46, 100%, 85%) |
|
|
| 200 | oklch(0.935 0.100 94.22) | #ffe99b | hsl(47, 100%, 80%) |
|
|
| 300 | oklch(0.921 0.121 94.25) | #ffe483 | hsl(47, 100%, 76%) |
|
|
| 400 | oklch(0.906 0.139 93.57) | #ffde6a | hsl(47, 100%, 71%) |
|
|
| 500 | oklch(0.894 0.154 93.11) | #ffd952 | hsl(47, 100%, 66%) |
|
|
| 600 | oklch(0.866 0.173 89.89) | #ffcc19 | hsl(47, 100%, 55%) |
|
|
| 700 | oklch(0.774 0.158 88.19) | #dfae00 | hsl(47, 100%, 44%) |
|
|
| 800 | oklch(0.620 0.127 88.92) | #a58100 | hsl(47, 100%, 32%) |
|
|
| 900 | oklch(0.458 0.094 89.48) | #6c5400 | hsl(47, 100%, 21%) |
|
|
| 950 | oklch(0.281 0.058 92.90) | #332800 | hsl(47, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
