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.
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.
