Serene Sophisticated Color Palette
This palette exudes a serene yet sophisticated vibe, blending soft pastels of creamy beige and gentle green with deep teal and a rich burgundy, creating a harmonious balance of calm elegance and vibrant charm.
Practical uses and creative applications
The Serene Sophisticated Color Palette is a harmonious blend of soft and muted tones, perfect for those seeking a calming yet elegant aesthetic. Featuring shades like the gentle #dae2cb and the tranquil #96c3a6, this palette evokes a sense of serenity that is ideal for branding projects aiming to convey reliability and tranquility.
Designers can utilize these colors in web design to create inviting user experiences or in packaging to inspire a feeling of luxury and refinement, appealing to consumers who appreciate understated elegance. This palette is particularly suited for creatives in the wellness, lifestyle, or luxury sectors, where a sophisticated look can enhance brand perception.
The deep, grounding hue of #221d34 balances the lighter tones, making it an excellent choice for interiors that aim to create a peaceful retreat. Whether you’re designing a yoga studio, a boutique hotel, or a premium product line, the Serene Sophisticated Color Palette resonates with an audience looking for a stylish yet serene environment, inviting them to relax and indulge in the experience.
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.938 0.021 121.85) | #e8edde | hsl(80, 29%, 90%) |
|
|
100 | oklch(0.931 0.023 122.74) | #e5ebda | hsl(81, 30%, 89%) |
|
|
200 | oklch(0.922 0.024 122.74) | #e2e8d7 | hsl(81, 27%, 88%) |
|
|
300 | oklch(0.914 0.026 123.45) | #dfe6d3 | hsl(82, 28%, 86%) |
|
|
400 | oklch(0.908 0.029 122.01) | #dde4cf | hsl(80, 28%, 85%) |
|
|
500 | oklch(0.900 0.032 122.68) | #dae2cb | hsl(81, 28%, 84%) |
|
|
600 | oklch(0.806 0.064 123.72) | #b7c79a | hsl(81, 29%, 69%) |
|
|
700 | oklch(0.711 0.093 124.38) | #95ac6a | hsl(81, 28%, 55%) |
|
|
800 | oklch(0.576 0.085 124.58) | #6e8248 | hsl(81, 29%, 40%) |
|
|
900 | oklch(0.415 0.058 123.93) | #45512d | hsl(80, 29%, 25%) |
|
|
950 | oklch(0.238 0.028 123.51) | #1c2112 | hsl(80, 29%, 10%) |
|
dsfds
50 | oklch(0.931 0.018 155.80) | #dfece3 | hsl(138, 25%, 90%) |
|
|
100 | oklch(0.900 0.028 157.33) | #d0e4d7 | hsl(141, 27%, 85%) |
|
|
200 | oklch(0.871 0.036 156.92) | #c2dccb | hsl(141, 27%, 81%) |
|
|
300 | oklch(0.840 0.046 157.36) | #b3d4bf | hsl(142, 28%, 77%) |
|
|
400 | oklch(0.808 0.053 156.19) | #a5cbb2 | hsl(141, 27%, 72%) |
|
|
500 | oklch(0.777 0.063 156.37) | #96c3a6 | hsl(141, 27%, 68%) |
|
|
600 | oklch(0.698 0.087 154.79) | #71ae86 | hsl(141, 27%, 56%) |
|
|
700 | oklch(0.603 0.089 154.47) | #539169 | hsl(141, 27%, 45%) |
|
|
800 | oklch(0.486 0.069 155.17) | #3d6b4e | hsl(142, 27%, 33%) |
|
|
900 | oklch(0.364 0.049 155.32) | #284633 | hsl(142, 27%, 22%) |
|
|
950 | oklch(0.228 0.025 153.81) | #132017 | hsl(138, 25%, 10%) |
|
dsfds
50 | oklch(0.935 0.019 180.26) | #ddeeea | hsl(166, 33%, 90%) |
|
|
100 | oklch(0.893 0.032 179.38) | #c6e3dc | hsl(166, 34%, 83%) |
|
|
200 | oklch(0.851 0.044 178.29) | #b0d8ce | hsl(165, 34%, 77%) |
|
|
300 | oklch(0.806 0.055 180.07) | #99ccc1 | hsl(167, 33%, 70%) |
|
|
400 | oklch(0.765 0.067 178.69) | #83c1b3 | hsl(166, 33%, 64%) |
|
|
500 | oklch(0.723 0.079 177.56) | #6cb6a5 | hsl(166, 34%, 57%) |
|
|
600 | oklch(0.655 0.086 176.36) | #50a28f | hsl(166, 34%, 47%) |
|
|
700 | oklch(0.559 0.071 176.61) | #418273 | hsl(166, 33%, 38%) |
|
|
800 | oklch(0.458 0.057 177.25) | #316257 | hsl(167, 33%, 29%) |
|
|
900 | oklch(0.351 0.042 176.24) | #21423a | hsl(165, 33%, 19%) |
|
|
950 | oklch(0.235 0.024 177.43) | #11221e | hsl(166, 33%, 10%) |
|
dsfds
50 | oklch(0.907 0.020 295.16) | #e1deed | hsl(252, 29%, 90%) |
|
|
100 | oklch(0.769 0.052 295.35) | #b6aed2 | hsl(253, 29%, 75%) |
|
|
200 | oklch(0.624 0.087 294.02) | #8a7db7 | hsl(253, 29%, 60%) |
|
|
300 | oklch(0.486 0.104 291.82) | #615395 | hsl(253, 28%, 45%) |
|
|
400 | oklch(0.373 0.076 292.54) | #423865 | hsl(253, 29%, 31%) |
|
|
500 | oklch(0.248 0.043 292.96) | #221d34 | hsl(253, 28%, 16%) |
|
|
600 | oklch(0.238 0.040 291.81) | #1f1b30 | hsl(251, 28%, 15%) |
|
|
700 | oklch(0.228 0.037 292.93) | #1d192c | hsl(253, 28%, 14%) |
|
|
800 | oklch(0.217 0.033 291.48) | #1a1728 | hsl(251, 27%, 12%) |
|
|
900 | oklch(0.205 0.034 294.04) | #181425 | hsl(254, 30%, 11%) |
|
|
950 | oklch(0.194 0.030 292.55) | #151221 | hsl(252, 29%, 10%) |
|
dsfds
50 | oklch(0.912 0.022 356.37) | #efdce2 | hsl(341, 37%, 90%) |
|
|
100 | oklch(0.825 0.045 356.67) | #dfbac6 | hsl(341, 37%, 80%) |
|
|
200 | oklch(0.738 0.071 357.96) | #d098aa | hsl(341, 37%, 71%) |
|
|
300 | oklch(0.652 0.097 359.23) | #c0768e | hsl(341, 37%, 61%) |
|
|
400 | oklch(0.566 0.125 0.85) | #b05372 | hsl(340, 37%, 51%) |
|
|
500 | oklch(0.487 0.109 0.93) | #90425c | hsl(340, 37%, 41%) |
|
|
600 | oklch(0.434 0.095 0.77) | #7a384e | hsl(340, 37%, 35%) |
|
|
700 | oklch(0.380 0.081 0.55) | #642e40 | hsl(340, 37%, 29%) |
|
|
800 | oklch(0.325 0.067 0.83) | #4f2432 | hsl(340, 37%, 23%) |
|
|
900 | oklch(0.265 0.051 0.57) | #391a24 | hsl(341, 37%, 16%) |
|
|
950 | oklch(0.203 0.033 0.19) | #231016 | hsl(341, 37%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.