Modern Sophisticated Color Palette
A sleek, modern palette blending deep charcoal, rich navy, and soft blues with a whisper of cool gray, exuding a sophisticated yet tranquil vibe perfect for contemporary elegance.
Practical uses and creative applications
The Modern Sophisticated Color Palette elegantly combines deep hues and soft tones, making it an ideal choice for a variety of design projects. The rich black (#1f1f20) sets a solid foundation, while the striking blue shades (#2b4c7e and #567ebb) introduce a sense of depth and professionalism.
Accents of muted gray (#606d80) and soft white (#dce0e6) balance the palette, adding a touch of refinement that is perfect for branding and web design. This palette is particularly suited for tech companies, luxury brands, and creative agencies looking to convey a polished and contemporary image.
Designers and creatives will find the Modern Sophisticated Color Palette invaluable for creating impactful branding materials, sleek packaging, or stylish interiors. Its versatile nature allows it to work harmoniously in both digital and physical spaces, evoking a mood of elegance and confidence.
Whether you’re crafting a minimalist website, designing upscale product packaging, or refreshing an interior space, this palette provides a sophisticated backdrop that resonates with modern aesthetics and appeals to discerning audiences.
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.922 0.001 286.37) | #e5e5e6 | hsl(240, 2%, 90%) |
|
|
| 100 | oklch(0.799 0.003 286.34) | #bdbdbf | hsl(240, 2%, 75%) |
|
|
| 200 | oklch(0.671 0.004 286.28) | #959598 | hsl(240, 1%, 59%) |
|
|
| 300 | oklch(0.536 0.005 286.24) | #6d6d70 | hsl(240, 1%, 43%) |
|
|
| 400 | oklch(0.395 0.003 286.25) | #464648 | hsl(240, 1%, 28%) |
|
|
| 500 | oklch(0.240 0.002 286.26) | #1f1f20 | hsl(240, 2%, 12%) |
|
|
| 600 | oklch(0.235 0.002 286.25) | #1e1e1f | hsl(240, 2%, 12%) |
|
|
| 700 | oklch(0.231 0.002 286.25) | #1d1d1e | hsl(240, 2%, 12%) |
|
|
| 800 | oklch(0.223 0.002 286.24) | #1b1b1c | hsl(240, 2%, 11%) |
|
|
| 900 | oklch(0.218 0.002 286.24) | #1a1a1b | hsl(240, 2%, 10%) |
|
|
| 950 | oklch(0.214 0.002 286.23) | #19191a | hsl(240, 2%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.023 258.36) | #d9e3f2 | hsl(216, 49%, 90%) |
|
|
| 100 | oklch(0.812 0.051 258.72) | #aec3e3 | hsl(216, 49%, 79%) |
|
|
| 200 | oklch(0.710 0.082 258.53) | #82a3d5 | hsl(216, 50%, 67%) |
|
|
| 300 | oklch(0.608 0.114 258.55) | #5783c6 | hsl(216, 49%, 56%) |
|
|
| 400 | oklch(0.512 0.118 258.59) | #3a66a9 | hsl(216, 49%, 45%) |
|
|
| 500 | oklch(0.417 0.093 258.49) | #2b4c7e | hsl(216, 49%, 33%) |
|
|
| 600 | oklch(0.376 0.082 258.71) | #25416c | hsl(216, 49%, 28%) |
|
|
| 700 | oklch(0.336 0.071 258.30) | #1f375b | hsl(216, 49%, 24%) |
|
|
| 800 | oklch(0.293 0.059 258.60) | #192c49 | hsl(216, 49%, 19%) |
|
|
| 900 | oklch(0.251 0.047 257.86) | #132238 | hsl(216, 49%, 15%) |
|
|
| 950 | oklch(0.203 0.034 258.28) | #0d1726 | hsl(216, 49%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.020 260.17) | #dbe3f0 | hsl(217, 41%, 90%) |
|
|
| 100 | oklch(0.850 0.036 258.87) | #c0cfe6 | hsl(216, 43%, 83%) |
|
|
| 200 | oklch(0.787 0.051 258.72) | #a6bbdb | hsl(216, 42%, 75%) |
|
|
| 300 | oklch(0.720 0.069 259.11) | #8ba6d0 | hsl(217, 42%, 68%) |
|
|
| 400 | oklch(0.656 0.087 259.29) | #7192c6 | hsl(217, 43%, 61%) |
|
|
| 500 | oklch(0.590 0.104 258.59) | #567ebb | hsl(216, 43%, 54%) |
|
|
| 600 | oklch(0.517 0.104 258.90) | #4268a3 | hsl(216, 42%, 45%) |
|
|
| 700 | oklch(0.445 0.086 258.48) | #355483 | hsl(216, 42%, 36%) |
|
|
| 800 | oklch(0.370 0.069 258.28) | #284064 | hsl(216, 43%, 27%) |
|
|
| 900 | oklch(0.288 0.051 259.04) | #1b2b44 | hsl(217, 43%, 19%) |
|
|
| 950 | oklch(0.204 0.029 259.86) | #0f1724 | hsl(217, 41%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.006 255.48) | #e2e5e9 | hsl(214, 14%, 90%) |
|
|
| 100 | oklch(0.846 0.013 255.52) | #c7cdd5 | hsl(214, 14%, 81%) |
|
|
| 200 | oklch(0.770 0.020 255.56) | #acb5c1 | hsl(214, 14%, 72%) |
|
|
| 300 | oklch(0.690 0.028 259.04) | #919cad | hsl(216, 15%, 62%) |
|
|
| 400 | oklch(0.609 0.036 258.37) | #768499 | hsl(216, 15%, 53%) |
|
|
| 500 | oklch(0.531 0.034 257.79) | #606d80 | hsl(216, 14%, 44%) |
|
|
| 600 | oklch(0.471 0.029 257.68) | #515c6c | hsl(216, 14%, 37%) |
|
|
| 700 | oklch(0.410 0.025 257.52) | #424b58 | hsl(215, 14%, 30%) |
|
|
| 800 | oklch(0.347 0.021 262.59) | #343a45 | hsl(219, 14%, 24%) |
|
|
| 900 | oklch(0.283 0.015 256.79) | #252a31 | hsl(215, 14%, 17%) |
|
|
| 950 | oklch(0.212 0.009 255.61) | #16191d | hsl(214, 14%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.008 253.86) | #e1e5ea | hsl(213, 18%, 90%) |
|
|
| 100 | oklch(0.917 0.008 253.86) | #e0e4e9 | hsl(213, 17%, 90%) |
|
|
| 200 | oklch(0.914 0.008 253.86) | #dfe3e8 | hsl(213, 16%, 89%) |
|
|
| 300 | oklch(0.911 0.009 258.34) | #dee2e8 | hsl(216, 18%, 89%) |
|
|
| 400 | oklch(0.908 0.009 258.34) | #dde1e7 | hsl(216, 17%, 89%) |
|
|
| 500 | oklch(0.905 0.009 258.34) | #dce0e6 | hsl(216, 17%, 88%) |
|
|
| 600 | oklch(0.776 0.023 256.75) | #adb7c5 | hsl(215, 17%, 73%) |
|
|
| 700 | oklch(0.642 0.037 257.87) | #7f8ea4 | hsl(216, 17%, 57%) |
|
|
| 800 | oklch(0.507 0.038 258.36) | #58667b | hsl(216, 17%, 41%) |
|
|
| 900 | oklch(0.366 0.025 260.09) | #373f4c | hsl(217, 16%, 26%) |
|
|
| 950 | oklch(0.211 0.012 254.09) | #15191e | hsl(213, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
