Modern Sophisticated Color Palette

This palette exudes a sleek, modern vibe with deep charcoal and slate grays, vibrant emerald green for a pop of life, balanced by crisp whites and soft grays, creating a sophisticated yet invigorating atmosphere.

#222830
#3B4049
#00B55B
#DDDDDD
#FFFFFF

Practical uses and creative applications

The Modern Sophisticated Color Palette seamlessly blends deep, muted tones with vibrant accents, making it the perfect choice for designers looking to evoke a sense of elegance and contemporary flair. Featuring a rich charcoal (#222830) and slate gray (#3B4049) as the foundation, this palette is ideal for branding projects that aim to convey professionalism and trustworthiness.

The striking green hue (#00B55B) adds a refreshing pop of color, perfect for highlighting key elements in web design or packaging, while the soft grays (#DDDDDD) and crisp white (#FFFFFF) provide a clean backdrop that enhances readability and visual appeal. This color palette is particularly well-suited for creatives working in industries such as tech, luxury goods, or modern home decor.

Whether you're designing a sleek website, crafting eye-catching marketing materials, or curating a sophisticated interior space, the combination of these hues creates an inviting atmosphere that resonates with contemporary consumers. By choosing the Modern Sophisticated Color Palette, designers can evoke feelings of calm confidence, ensuring that their projects not only stand out but also 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.

dsfds

50 oklch(0.920 0.008 253.86) #e1e5ea hsl(213, 18%, 90%)
100 oklch(0.799 0.021 257.48) #b5becb hsl(215, 17%, 75%)
200 oklch(0.674 0.033 254.39) #8998ab hsl(214, 17%, 60%)
300 oklch(0.546 0.040 254.99) #617288 hsl(214, 17%, 46%)
400 oklch(0.416 0.030 254.15) #414d5c hsl(213, 17%, 31%)
500 oklch(0.274 0.017 255.67) #222830 hsl(214, 17%, 16%)
600 oklch(0.262 0.016 252.40) #1f252c hsl(212, 17%, 15%)
700 oklch(0.250 0.015 256.80) #1d2229 hsl(215, 17%, 14%)
800 oklch(0.237 0.014 253.09) #1a1f25 hsl(213, 17%, 12%)
900 oklch(0.225 0.011 254.07) #181c21 hsl(213, 16%, 11%)
950 oklch(0.211 0.012 254.09) #15191e hsl(213, 18%, 10%)

dsfds

50 oklch(0.921 0.005 258.33) #e3e5e8 hsl(216, 10%, 90%)
100 oklch(0.816 0.012 264.50) #bfc3cb hsl(220, 10%, 77%)
200 oklch(0.708 0.021 262.98) #9aa1ae hsl(219, 11%, 64%)
300 oklch(0.597 0.029 261.10) #768091 hsl(218, 11%, 52%)
400 oklch(0.487 0.023 260.14) #58606d hsl(217, 11%, 39%)
500 oklch(0.370 0.017 262.28) #3b4049 hsl(219, 11%, 26%)
600 oklch(0.340 0.015 264.35) #343840 hsl(220, 10%, 23%)
700 oklch(0.309 0.013 267.12) #2d3037 hsl(222, 10%, 20%)
800 oklch(0.276 0.012 264.36) #25282e hsl(220, 11%, 16%)
900 oklch(0.246 0.009 255.59) #1e2125 hsl(214, 10%, 13%)
950 oklch(0.213 0.007 258.37) #17191c hsl(216, 10%, 10%)

dsfds

50 oklch(0.958 0.062 163.81) #ccffe6 hsl(151, 100%, 90%)
100 oklch(0.921 0.125 161.03) #94ffca hsl(150, 100%, 79%)
200 oklch(0.895 0.177 157.70) #5dffae hsl(150, 100%, 68%)
300 oklch(0.880 0.215 154.07) #25ff93 hsl(150, 100%, 57%)
400 oklch(0.828 0.221 151.27) #00ed77 hsl(150, 100%, 46%)
500 oklch(0.677 0.179 151.65) #00b55b hsl(150, 100%, 35%)
600 oklch(0.604 0.159 151.93) #009b4e hsl(150, 100%, 30%)
700 oklch(0.528 0.138 152.30) #008141 hsl(150, 100%, 25%)
800 oklch(0.450 0.116 152.87) #006734 hsl(150, 100%, 20%)
900 oklch(0.369 0.093 153.80) #004d27 hsl(150, 100%, 15%)
950 oklch(0.282 0.069 155.64) #00331a hsl(151, 100%, 10%)

dsfds

50 oklch(0.925 0.000 89.88) #e6e6e6 hsl(0, 0%, 90%)
100 oklch(0.919 0.000 89.88) #e4e4e4 hsl(0, 0%, 89%)
200 oklch(0.913 0.000 89.88) #e2e2e2 hsl(0, 0%, 89%)
300 oklch(0.907 0.000 89.88) #e0e0e0 hsl(0, 0%, 88%)
400 oklch(0.904 0.000 89.88) #dfdfdf hsl(0, 0%, 87%)
500 oklch(0.898 0.000 89.88) #dddddd hsl(0, 0%, 87%)
600 oklch(0.776 0.000 89.88) #b6b6b6 hsl(0, 0%, 71%)
700 oklch(0.650 0.000 89.88) #8f8f8f hsl(0, 0%, 56%)
800 oklch(0.517 0.000 89.88) #686868 hsl(0, 0%, 41%)
900 oklch(0.375 0.000 89.88) #414141 hsl(0, 0%, 25%)
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.

#F0F0F0
#F0F0A0
#F0F000
#F0C800
#282828
#1C2129
#353A42
#FC1AAD
#EEEEEE
#8D0051
#F0F0F0
#282828
#505050
#C8C8C8
#505028
#00ED64
#106149
#42494F
#C8C8C8
#EAEAEA
#656565
#333333
#262626
#80B442
#53A153
#e4ded0
#abccbd
#7dbeb8
#181619
#e32f21
#666666
#abdb25
#999999
#ffffff
#cccccc
#d2d2d2
#58afb8
#269199
#ec225e
#020305
#202020
#666666
#F7F7F7
#BFF7C0
#1FD076
© 2025 KColor. All rights reserved. 1.11.0