Serene Elegance Color Palette
This palette exudes a serene elegance with soft pastel greens and grays, deepened by rich purples and a mysterious dark burgundy, creating a tranquil yet sophisticated atmosphere perfect for a cozy, modern retreat.
Practical uses and creative applications
The Serene Elegance Color Palette is a harmonious blend of soft, muted tones that evoke a sense of tranquility and sophistication. Featuring shades like #e7eed0, #cad1c3, #948e99, #51425f, and #2e1437, this palette is ideal for branding and web design projects that aim to portray a calm yet refined aesthetic.
Whether you’re crafting a minimalist website for a wellness brand or developing an elegant logo for a boutique, these colors can seamlessly enhance your visual identity, inviting engagement and fostering trust with your audience. Perfect for designers and creatives, the Serene Elegance palette can be applied in various contexts, including packaging design and interior decor.
The soft greens and grays create a soothing atmosphere, making it an excellent choice for spa or beauty product packaging, while the deeper hues add depth and richness, suitable for creating a cozy and inviting space in home interiors. By using this color palette, you can effortlessly set a mood that balances serenity with sophistication, ideal for attracting clientele looking for a touch of elegance in their everyday lives.
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.948 0.031 116.95) | #ecf1da | hsl(73, 45%, 90%) |
|
|
| 100 | oklch(0.947 0.034 118.01) | #ebf1d8 | hsl(74, 47%, 90%) |
|
|
| 200 | oklch(0.944 0.035 117.63) | #eaf0d6 | hsl(74, 46%, 89%) |
|
|
| 300 | oklch(0.940 0.036 117.28) | #e9efd4 | hsl(73, 46%, 88%) |
|
|
| 400 | oklch(0.939 0.039 118.18) | #e8efd2 | hsl(74, 48%, 88%) |
|
|
| 500 | oklch(0.936 0.040 117.85) | #e7eed0 | hsl(74, 47%, 87%) |
|
|
| 600 | oklch(0.857 0.090 119.25) | #c9d996 | hsl(74, 47%, 72%) |
|
|
| 700 | oklch(0.780 0.133 120.37) | #acc45c | hsl(74, 47%, 56%) |
|
|
| 800 | oklch(0.646 0.125 120.87) | #839938 | hsl(74, 46%, 41%) |
|
|
| 900 | oklch(0.460 0.086 120.93) | #515f23 | hsl(74, 46%, 25%) |
|
|
| 950 | oklch(0.253 0.040 119.43) | #20250e | hsl(73, 45%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.010 125.69) | #e6e9e2 | hsl(86, 14%, 90%) |
|
|
| 100 | oklch(0.914 0.012 128.60) | #e0e4dc | hsl(90, 13%, 88%) |
|
|
| 200 | oklch(0.898 0.013 126.39) | #dbdfd6 | hsl(87, 12%, 86%) |
|
|
| 300 | oklch(0.883 0.017 128.68) | #d5dbcf | hsl(90, 14%, 84%) |
|
|
| 400 | oklch(0.868 0.019 127.17) | #d0d6c9 | hsl(88, 14%, 81%) |
|
|
| 500 | oklch(0.851 0.021 128.73) | #cad1c3 | hsl(90, 13%, 79%) |
|
|
| 600 | oklch(0.748 0.034 128.14) | #a7b29b | hsl(89, 13%, 65%) |
|
|
| 700 | oklch(0.644 0.052 129.96) | #839473 | hsl(91, 13%, 52%) |
|
|
| 800 | oklch(0.516 0.043 129.43) | #606d53 | hsl(90, 14%, 38%) |
|
|
| 900 | oklch(0.378 0.028 129.34) | #3d4535 | hsl(90, 13%, 24%) |
|
|
| 950 | oklch(0.225 0.014 126.40) | #1a1d16 | hsl(86, 14%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.005 314.80) | #e6e4e7 | hsl(280, 6%, 90%) |
|
|
| 100 | oklch(0.870 0.006 308.39) | #d5d3d7 | hsl(270, 5%, 84%) |
|
|
| 200 | oklch(0.818 0.009 308.34) | #c5c2c8 | hsl(270, 5%, 77%) |
|
|
| 300 | oklch(0.764 0.013 313.19) | #b5b0b8 | hsl(278, 5%, 71%) |
|
|
| 400 | oklch(0.710 0.015 308.22) | #a49fa9 | hsl(270, 5%, 64%) |
|
|
| 500 | oklch(0.655 0.017 310.01) | #948e99 | hsl(273, 5%, 58%) |
|
|
| 600 | oklch(0.573 0.020 311.44) | #7c7581 | hsl(275, 5%, 48%) |
|
|
| 700 | oklch(0.490 0.017 308.08) | #635e68 | hsl(270, 5%, 39%) |
|
|
| 800 | oklch(0.402 0.015 313.06) | #4b464e | hsl(278, 5%, 29%) |
|
|
| 900 | oklch(0.310 0.010 312.13) | #322f34 | hsl(276, 5%, 19%) |
|
|
| 950 | oklch(0.213 0.007 314.68) | #1a181b | hsl(280, 6%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.013 310.52) | #e6e1ea | hsl(273, 18%, 90%) |
|
|
| 100 | oklch(0.816 0.030 308.06) | #c8bed2 | hsl(270, 18%, 78%) |
|
|
| 200 | oklch(0.712 0.046 307.74) | #aa9bb9 | hsl(270, 18%, 67%) |
|
|
| 300 | oklch(0.605 0.067 308.26) | #8d77a1 | hsl(271, 18%, 55%) |
|
|
| 400 | oklch(0.504 0.067 308.09) | #6f5a82 | hsl(272, 18%, 43%) |
|
|
| 500 | oklch(0.407 0.051 307.82) | #51425f | hsl(271, 18%, 32%) |
|
|
| 600 | oklch(0.369 0.045 307.97) | #463952 | hsl(271, 18%, 27%) |
|
|
| 700 | oklch(0.330 0.039 308.19) | #3b3045 | hsl(271, 18%, 23%) |
|
|
| 800 | oklch(0.290 0.033 308.49) | #302738 | hsl(272, 18%, 19%) |
|
|
| 900 | oklch(0.249 0.026 308.96) | #251e2b | hsl(272, 18%, 14%) |
|
|
| 950 | oklch(0.206 0.019 309.81) | #1a151e | hsl(273, 18%, 10%) |
|
dsfds
| 50 | oklch(0.909 0.036 317.31) | #ebdaf1 | hsl(284, 45%, 90%) |
|
|
| 100 | oklch(0.770 0.097 317.55) | #cea1dd | hsl(285, 47%, 75%) |
|
|
| 200 | oklch(0.635 0.155 317.10) | #b069c8 | hsl(285, 46%, 60%) |
|
|
| 300 | oklch(0.511 0.175 316.14) | #8c3da8 | hsl(284, 47%, 45%) |
|
|
| 400 | oklch(0.384 0.126 316.63) | #5d286f | hsl(285, 47%, 30%) |
|
|
| 500 | oklch(0.247 0.071 316.71) | #2e1437 | hsl(285, 47%, 15%) |
|
|
| 600 | oklch(0.238 0.066 317.08) | #2b1333 | hsl(285, 46%, 14%) |
|
|
| 700 | oklch(0.228 0.064 316.69) | #281130 | hsl(285, 48%, 13%) |
|
|
| 800 | oklch(0.219 0.059 317.11) | #25102c | hsl(285, 47%, 12%) |
|
|
| 900 | oklch(0.210 0.055 316.28) | #220f29 | hsl(284, 46%, 11%) |
|
|
| 950 | oklch(0.201 0.050 316.72) | #1f0e25 | hsl(284, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
