Modern Sophistication Color Palette
This palette blends deep navy blues with vibrant teal, soft mint greens, warm buttery yellows, and a bold cherry red, creating a dynamic yet harmonious vibe that radiates modern sophistication and playful energy.
Practical uses and creative applications
The Modern Sophistication Color Palette features a striking blend of deep navy (#1c2130), vibrant teal (#028f76), soft pastel green (#b3e099), warm cream (#ffeaad), and a bold coral red (#d14334). This curated palette is perfect for branding and web design projects that aim to evoke a contemporary yet elegant vibe.
Designers can utilize these colors to create visually stunning websites that resonate with a modern audience, while the rich contrast between the hues adds depth and intrigue to any digital or print media. Ideal for creatives in fashion, luxury goods, or upscale lifestyle brands, this palette exudes a sense of refined style and sophistication.
The combination of earthy tones with vibrant pops of color makes it versatile for various applications, from chic packaging designs to stylish interior décor. Whether you're designing a trendy café or launching a new product line, the Modern Sophistication Color Palette is sure to elevate your project, appealing to discerning customers who appreciate contemporary aesthetics.
Embrace this palette to convey sophistication and creativity in your next design endeavor.
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.913 0.014 272.68) | #dfe2ec | hsl(226, 25%, 90%) |
|
|
| 100 | oklch(0.780 0.037 269.82) | #aeb7d0 | hsl(224, 27%, 75%) |
|
|
| 200 | oklch(0.642 0.064 270.88) | #7e8bb4 | hsl(226, 26%, 60%) |
|
|
| 300 | oklch(0.509 0.075 268.70) | #546491 | hsl(224, 27%, 45%) |
|
|
| 400 | oklch(0.384 0.053 269.66) | #384260 | hsl(225, 26%, 30%) |
|
|
| 500 | oklch(0.250 0.030 269.96) | #1c2130 | hsl(225, 26%, 15%) |
|
|
| 600 | oklch(0.241 0.028 269.07) | #1a1f2d | hsl(224, 27%, 14%) |
|
|
| 700 | oklch(0.232 0.026 268.06) | #181d2a | hsl(223, 27%, 13%) |
|
|
| 800 | oklch(0.220 0.026 270.94) | #161a27 | hsl(226, 28%, 12%) |
|
|
| 900 | oklch(0.211 0.022 272.56) | #151823 | hsl(227, 25%, 11%) |
|
|
| 950 | oklch(0.202 0.021 271.51) | #131620 | hsl(226, 25%, 10%) |
|
dsfds
| 50 | oklch(0.961 0.051 184.24) | #cdfef6 | hsl(170, 96%, 90%) |
|
|
| 100 | oklch(0.923 0.106 181.44) | #8ffdea | hsl(170, 96%, 78%) |
|
|
| 200 | oklch(0.899 0.146 178.13) | #51fdde | hsl(169, 98%, 65%) |
|
|
| 300 | oklch(0.885 0.166 174.55) | #13fcd2 | hsl(169, 97%, 53%) |
|
|
| 400 | oklch(0.757 0.144 173.93) | #03cda9 | hsl(169, 97%, 41%) |
|
|
| 500 | oklch(0.580 0.110 174.49) | #028f76 | hsl(169, 97%, 28%) |
|
|
| 600 | oklch(0.524 0.098 175.27) | #027c67 | hsl(170, 97%, 25%) |
|
|
| 700 | oklch(0.468 0.088 174.59) | #016a57 | hsl(169, 98%, 21%) |
|
|
| 800 | oklch(0.408 0.076 175.68) | #015748 | hsl(170, 98%, 17%) |
|
|
| 900 | oklch(0.349 0.065 176.10) | #014539 | hsl(169, 97%, 14%) |
|
|
| 950 | oklch(0.284 0.051 178.33) | #01322a | hsl(170, 96%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.040 133.75) | #e2f3d8 | hsl(98, 53%, 90%) |
|
|
| 100 | oklch(0.926 0.054 134.17) | #d8efcb | hsl(98, 53%, 87%) |
|
|
| 200 | oklch(0.908 0.066 134.18) | #cfebbf | hsl(98, 52%, 84%) |
|
|
| 300 | oklch(0.893 0.080 134.09) | #c6e8b2 | hsl(98, 54%, 80%) |
|
|
| 400 | oklch(0.875 0.093 134.72) | #bce4a6 | hsl(99, 53%, 77%) |
|
|
| 500 | oklch(0.857 0.106 134.49) | #b3e099 | hsl(98, 53%, 74%) |
|
|
| 600 | oklch(0.792 0.155 135.19) | #8ed167 | hsl(98, 54%, 61%) |
|
|
| 700 | oklch(0.719 0.184 136.19) | #6abd39 | hsl(98, 54%, 48%) |
|
|
| 800 | oklch(0.575 0.144 136.07) | #4e8b2a | hsl(98, 54%, 35%) |
|
|
| 900 | oklch(0.420 0.101 135.85) | #32591b | hsl(98, 53%, 23%) |
|
|
| 950 | oklch(0.250 0.052 135.30) | #16270c | hsl(98, 53%, 10%) |
|
dsfds
| 50 | oklch(0.962 0.051 91.37) | #fff2cc | hsl(45, 100%, 90%) |
|
|
| 100 | oklch(0.957 0.057 90.71) | #fff0c6 | hsl(44, 100%, 89%) |
|
|
| 200 | oklch(0.953 0.063 91.48) | #ffefc0 | hsl(45, 100%, 88%) |
|
|
| 300 | oklch(0.948 0.069 91.23) | #ffedb9 | hsl(45, 100%, 86%) |
|
|
| 400 | oklch(0.945 0.076 91.82) | #ffecb3 | hsl(45, 100%, 85%) |
|
|
| 500 | oklch(0.940 0.081 91.30) | #ffeaad | hsl(45, 100%, 84%) |
|
|
| 600 | oklch(0.892 0.141 90.36) | #ffd762 | hsl(45, 100%, 69%) |
|
|
| 700 | oklch(0.848 0.170 85.56) | #ffc316 | hsl(45, 100%, 54%) |
|
|
| 800 | oklch(0.704 0.145 83.70) | #ca9600 | hsl(45, 100%, 40%) |
|
|
| 900 | oklch(0.501 0.103 85.33) | #7e5e00 | hsl(45, 100%, 25%) |
|
|
| 950 | oklch(0.276 0.056 89.07) | #332600 | hsl(45, 100%, 10%) |
|
dsfds
| 50 | oklch(0.906 0.034 24.59) | #f6d8d5 | hsl(5, 65%, 90%) |
|
|
| 100 | oklch(0.836 0.060 26.16) | #eebbb5 | hsl(6, 63%, 82%) |
|
|
| 200 | oklch(0.766 0.090 26.18) | #e79d95 | hsl(6, 63%, 75%) |
|
|
| 300 | oklch(0.700 0.122 26.81) | #e07f75 | hsl(6, 63%, 67%) |
|
|
| 400 | oklch(0.637 0.152 28.39) | #d86154 | hsl(6, 63%, 59%) |
|
|
| 500 | oklch(0.584 0.181 29.59) | #d14334 | hsl(6, 63%, 51%) |
|
|
| 600 | oklch(0.517 0.164 29.96) | #b33628 | hsl(6, 63%, 43%) |
|
|
| 700 | oklch(0.443 0.138 29.33) | #902b21 | hsl(5, 63%, 35%) |
|
|
| 800 | oklch(0.368 0.111 29.34) | #6e2119 | hsl(6, 63%, 26%) |
|
|
| 900 | oklch(0.289 0.082 29.41) | #4c1711 | hsl(6, 63%, 18%) |
|
|
| 950 | oklch(0.204 0.051 28.17) | #2a0c09 | hsl(5, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
