Modern Elegance Color Palette

A serene blend of soft neutrals and sleek grays, punctuated by a bold pop of crimson, exudes a modern yet inviting atmosphere perfect for contemporary elegance.

vintage warm cream nature
Open in palette generator
#FCFDF8
#EBEBEB
#C0C0C0
#63605E
#3C4044
#F23025

Practical uses and creative applications

The Modern Elegance Color Palette offers a sophisticated blend of soft neutrals and striking accents, making it an ideal choice for designers looking to create a refined aesthetic. The palette features delicate shades like #FCFDF8 and #EBEBEB, which evoke a sense of calm and understated luxury, while deeper tones like #63605E and #3C4044 add depth and sophistication.

The vivid pop of #F23025 brings a dynamic energy, perfect for branding or web design that seeks to stand out while maintaining an air of elegance. This color palette is particularly well-suited for brands in the fashion, beauty, and high-end lifestyle sectors.

Designers and creatives can utilize it in various applicationsfrom sleek packaging designs that catch the eye on store shelves to modern interiors that offer a serene yet stylish environment. By implementing the Modern Elegance Color Palette, businesses can convey a message of quality and sophistication, appealing to a discerning audience that values chic and contemporary design.

Whether you're designing a website, rebranding a product, or creating an inviting space, this palette provides the versatility and elegance needed 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.

Open in generator
50 oklch(0.955 0.039 116.63) #eef4d7 hsl(72, 57%, 90%)
100 oklch(0.963 0.032 116.56) #f1f6de hsl(73, 57%, 92%)
200 oklch(0.969 0.025 114.15) #f4f7e4 hsl(69, 54%, 93%)
300 oklch(0.976 0.019 116.57) #f6f9eb hsl(73, 54%, 95%)
400 oklch(0.984 0.013 115.83) #f9fbf1 hsl(72, 56%, 96%)
500 oklch(0.992 0.007 115.70) #fcfdf8 hsl(72, 56%, 98%)
600 oklch(0.912 0.073 117.05) #dee9b2 hsl(72, 56%, 81%)
700 oklch(0.835 0.133 118.72) #c0d56c hsl(72, 56%, 63%)
800 oklch(0.726 0.153 120.37) #9ab433 hsl(72, 56%, 45%)
900 oklch(0.509 0.104 120.18) #5e6e1f hsl(72, 56%, 28%)
950 oklch(0.263 0.048 119.59) #22280b hsl(72, 57%, 10%)

Open in generator
50 oklch(0.925 0.000 89.88) #e6e6e6 hsl(0, 0%, 90%)
100 oklch(0.928 0.000 89.88) #e7e7e7 hsl(0, 0%, 91%)
200 oklch(0.931 0.000 89.88) #e8e8e8 hsl(0, 0%, 91%)
300 oklch(0.934 0.000 89.88) #e9e9e9 hsl(0, 0%, 91%)
400 oklch(0.937 0.000 89.88) #eaeaea hsl(0, 0%, 92%)
500 oklch(0.940 0.000 89.88) #ebebeb hsl(0, 0%, 92%)
600 oklch(0.811 0.000 89.88) #c1c1c1 hsl(0, 0%, 76%)
700 oklch(0.676 0.000 89.88) #979797 hsl(0, 0%, 59%)
800 oklch(0.535 0.000 89.88) #6d6d6d hsl(0, 0%, 43%)
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%)

Open in generator
50 oklch(0.925 0.000 89.88) #e6e6e6 hsl(0, 0%, 90%)
100 oklch(0.901 0.000 89.88) #dedede hsl(0, 0%, 87%)
200 oklch(0.879 0.000 89.88) #d7d7d7 hsl(0, 0%, 84%)
300 oklch(0.855 0.000 89.88) #cfcfcf hsl(0, 0%, 81%)
400 oklch(0.833 0.000 89.88) #c8c8c8 hsl(0, 0%, 78%)
500 oklch(0.808 0.000 89.88) #c0c0c0 hsl(0, 0%, 75%)
600 oklch(0.703 0.000 89.88) #9f9f9f hsl(0, 0%, 62%)
700 oklch(0.590 0.000 89.88) #7d7d7d hsl(0, 0%, 49%)
800 oklch(0.475 0.000 89.88) #5c5c5c hsl(0, 0%, 36%)
900 oklch(0.352 0.000 89.88) #3b3b3b hsl(0, 0%, 23%)
950 oklch(0.218 0.000 89.88) #1a1a1a hsl(0, 0%, 10%)

Open in generator
50 oklch(0.923 0.001 17.18) #e6e5e5 hsl(0, 2%, 90%)
100 oklch(0.843 0.002 67.80) #cccbca hsl(30, 2%, 80%)
200 oklch(0.758 0.004 67.77) #b2b0ae hsl(30, 3%, 69%)
300 oklch(0.672 0.005 56.34) #989593 hsl(24, 2%, 59%)
400 oklch(0.582 0.006 48.63) #7e7a78 hsl(20, 2%, 48%)
500 oklch(0.491 0.005 56.29) #63605e hsl(24, 3%, 38%)
600 oklch(0.440 0.004 67.72) #545250 hsl(30, 2%, 32%)
700 oklch(0.388 0.004 67.70) #464442 hsl(30, 3%, 27%)
800 oklch(0.334 0.002 67.75) #373635 hsl(30, 2%, 21%)
900 oklch(0.275 0.003 17.34) #292727 hsl(0, 3%, 16%)
950 oklch(0.215 0.002 17.28) #1a1919 hsl(0, 2%, 10%)

Open in generator
50 oklch(0.924 0.003 228.79) #e4e6e7 hsl(200, 6%, 90%)
100 oklch(0.819 0.007 255.48) #c1c4c8 hsl(214, 6%, 77%)
200 oklch(0.713 0.010 252.84) #9ea3a9 hsl(213, 6%, 64%)
300 oklch(0.603 0.015 248.08) #7a828a hsl(210, 6%, 51%)
400 oklch(0.489 0.012 248.08) #5b6167 hsl(210, 6%, 38%)
500 oklch(0.369 0.009 248.06) #3c4044 hsl(210, 6%, 25%)
600 oklch(0.339 0.008 255.55) #35383c hsl(214, 6%, 22%)
700 oklch(0.311 0.007 248.05) #2e3134 hsl(210, 6%, 19%)
800 oklch(0.279 0.006 236.73) #26292b hsl(204, 6%, 16%)
900 oklch(0.246 0.005 248.02) #1f2123 hsl(210, 6%, 13%)
950 oklch(0.216 0.004 228.98) #181a1b hsl(200, 6%, 10%)

Open in generator
50 oklch(0.897 0.049 21.23) #fcd1cf hsl(3, 88%, 90%)
100 oklch(0.828 0.086 22.60) #fab1ad hsl(3, 89%, 83%)
200 oklch(0.764 0.126 23.97) #f8918b hsl(3, 89%, 76%)
300 oklch(0.706 0.165 25.62) #f67169 hsl(3, 89%, 69%)
400 oklch(0.657 0.202 27.27) #f45047 hsl(3, 89%, 62%)
500 oklch(0.623 0.229 29.00) #f23025 hsl(3, 89%, 55%)
600 oklch(0.569 0.224 29.51) #dc180d hsl(3, 89%, 46%)
700 oklch(0.485 0.189 29.48) #b1140b hsl(3, 88%, 37%)
800 oklch(0.397 0.152 29.45) #860f08 hsl(3, 89%, 28%)
900 oklch(0.304 0.114 29.63) #5b0a05 hsl(3, 90%, 19%)
950 oklch(0.204 0.071 29.26) #300503 hsl(3, 88%, 10%)

Related palettes

Discover more palettes with a similar mood and vibe or Browse our collection

#FFFFFF
#E6D6CE
#F2153B
#312C53
#B6A180
1 year ago
#8d7966
#a8a39d
#d8c8b8
#e2ddd9
#f8f1e9
2 years ago
#dbd9b7
#c1c9c8
#a5b5ab
#949a8e
#615566
2 years ago
#817a8a
#cdbbbb
#fcddc8
#fffeea
#efcaba
2 years ago
#545454
#7b8a84
#8cbfaf
#ede7d5
#b7cc18
2 years ago
#3b3f49
#fdfaeb
#faeddf
#f3c6b9
#f7a29e
2 years ago
#BFBFBF
#8C8C8C
#595959
#262626
#2ECC71
2 weeks ago
#604652
#735557
#97866A
#B59375
#D29F80
1 week ago
#E7E9E2
#646768
#454040
#AE1E79
#940063
9 hours ago
© 2025 KColor. All rights reserved. 1.15.2