Serene Elegance Color Palette
This palette exudes a serene elegance with soft lavender and pale blue hues, brightened by a sunny yellow, and punctuated by a bold burnt orange, creating a harmonious blend of calm sophistication and vibrant energy.
Practical uses and creative applications
The Serene Elegance Color Palette is a harmonious blend of soft pastels and muted tones, featuring the soothing shades of #75616b, #bfcff7, #dce4f7, #f8f3bf, and a striking pop of #d34017. This palette is ideal for brands seeking to convey a sense of calm sophistication, making it perfect for web design, branding, and packaging.
Whether you’re a creative professional designing a tranquil spa website or developing branding for a boutique hotel, these colors work together to create an inviting and elegant atmosphere that resonates with your audience. Interior designers and decorators will also find the Serene Elegance palette to be a fantastic choice for creating serene living spaces.
The gentle combination of soft blues and warm neutrals can transform any room into a tranquil retreat, while the vibrant #d34017 adds a touch of energy when used as an accent. This palette is particularly suitable for creatives looking to evoke feelings of peace and comfort, making it an excellent choice for wellness brands, lifestyle blogs, and artisanal product packaging.
Embrace the serene elegance in your next project and watch how it elevates your design to new heights!.
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.
| 50 | oklch(0.921 0.007 340.40) | #e8e3e6 | hsl(324, 10%, 90%) |
|
|
| 100 | oklch(0.842 0.013 345.54) | #d2c8cd | hsl(330, 10%, 80%) |
|
|
| 200 | oklch(0.764 0.018 343.76) | #bbaeb5 | hsl(328, 9%, 71%) |
|
|
| 300 | oklch(0.682 0.025 346.07) | #a5939c | hsl(330, 9%, 61%) |
|
|
| 400 | oklch(0.598 0.033 345.39) | #8f7884 | hsl(329, 9%, 52%) |
|
|
| 500 | oklch(0.515 0.030 346.59) | #75616b | hsl(330, 9%, 42%) |
|
|
| 600 | oklch(0.459 0.026 345.03) | #63525b | hsl(328, 9%, 35%) |
|
|
| 700 | oklch(0.400 0.022 346.53) | #51434a | hsl(330, 9%, 29%) |
|
|
| 800 | oklch(0.343 0.018 348.92) | #40353a | hsl(333, 9%, 23%) |
|
|
| 900 | oklch(0.279 0.014 346.39) | #2e262a | hsl(330, 10%, 16%) |
|
|
| 950 | oklch(0.212 0.010 341.25) | #1c171a | hsl(324, 10%, 10%) |
|
| 50 | oklch(0.898 0.040 268.52) | #d2ddf9 | hsl(223, 76%, 90%) |
|
|
| 100 | oklch(0.889 0.045 268.69) | #cedaf9 | hsl(223, 78%, 89%) |
|
|
| 200 | oklch(0.880 0.048 268.38) | #cad7f8 | hsl(223, 77%, 88%) |
|
|
| 300 | oklch(0.873 0.051 266.98) | #c6d5f8 | hsl(222, 78%, 87%) |
|
|
| 400 | oklch(0.864 0.054 267.85) | #c3d2f7 | hsl(223, 76%, 87%) |
|
|
| 500 | oklch(0.856 0.059 268.00) | #bfcff7 | hsl(223, 78%, 86%) |
|
|
| 600 | oklch(0.700 0.128 266.67) | #7a9bee | hsl(223, 77%, 71%) |
|
|
| 700 | oklch(0.557 0.199 264.23) | #3568e6 | hsl(223, 78%, 55%) |
|
|
| 800 | oklch(0.439 0.187 263.66) | #1745b7 | hsl(223, 78%, 40%) |
|
|
| 900 | oklch(0.319 0.127 263.76) | #0e2b72 | hsl(223, 78%, 25%) |
|
|
| 950 | oklch(0.187 0.059 264.45) | #06112d | hsl(223, 76%, 10%) |
|
| 50 | oklch(0.903 0.033 266.92) | #d5dff6 | hsl(222, 65%, 90%) |
|
|
| 100 | oklch(0.907 0.032 267.96) | #d7e0f6 | hsl(223, 63%, 90%) |
|
|
| 200 | oklch(0.909 0.030 267.20) | #d8e1f6 | hsl(222, 63%, 91%) |
|
|
| 300 | oklch(0.912 0.029 266.36) | #d9e2f6 | hsl(221, 62%, 91%) |
|
|
| 400 | oklch(0.916 0.029 268.36) | #dbe3f7 | hsl(223, 64%, 91%) |
|
|
| 500 | oklch(0.919 0.027 267.52) | #dce4f7 | hsl(222, 63%, 92%) |
|
|
| 600 | oklch(0.760 0.085 266.43) | #98b0e8 | hsl(222, 63%, 75%) |
|
|
| 700 | oklch(0.602 0.147 265.02) | #557cd8 | hsl(222, 63%, 59%) |
|
|
| 800 | oklch(0.464 0.160 263.82) | #2851b1 | hsl(222, 63%, 43%) |
|
|
| 900 | oklch(0.335 0.107 264.14) | #19326d | hsl(222, 63%, 26%) |
|
|
| 950 | oklch(0.192 0.049 264.52) | #09132a | hsl(222, 65%, 10%) |
|
| 50 | oklch(0.967 0.048 102.17) | #faf6d1 | hsl(54, 80%, 90%) |
|
|
| 100 | oklch(0.966 0.053 102.74) | #faf6cd | hsl(55, 82%, 89%) |
|
|
| 200 | oklch(0.963 0.056 102.99) | #f9f5ca | hsl(55, 80%, 88%) |
|
|
| 300 | oklch(0.960 0.060 102.31) | #f9f4c6 | hsl(54, 81%, 88%) |
|
|
| 400 | oklch(0.958 0.063 103.65) | #f8f4c3 | hsl(55, 79%, 87%) |
|
|
| 500 | oklch(0.955 0.067 103.01) | #f8f3bf | hsl(55, 80%, 86%) |
|
|
| 600 | oklch(0.911 0.131 103.98) | #f0e679 | hsl(55, 80%, 71%) |
|
|
| 700 | oklch(0.872 0.171 103.55) | #e9d933 | hsl(55, 81%, 56%) |
|
|
| 800 | oklch(0.731 0.150 102.95) | #baab14 | hsl(55, 81%, 40%) |
|
|
| 900 | oklch(0.520 0.105 103.38) | #746b0d | hsl(55, 80%, 25%) |
|
|
| 950 | oklch(0.281 0.054 103.12) | #2e2a05 | hsl(54, 80%, 10%) |
|
| 50 | oklch(0.913 0.038 36.23) | #fadad1 | hsl(13, 80%, 90%) |
|
|
| 100 | oklch(0.837 0.075 36.14) | #f6b9a8 | hsl(13, 81%, 81%) |
|
|
| 200 | oklch(0.766 0.112 36.62) | #f19980 | hsl(13, 80%, 72%) |
|
|
| 300 | oklch(0.701 0.152 36.65) | #ed7857 | hsl(13, 81%, 64%) |
|
|
| 400 | oklch(0.644 0.188 35.93) | #e8572f | hsl(13, 80%, 55%) |
|
|
| 500 | oklch(0.582 0.190 35.18) | #d34017 | hsl(13, 80%, 46%) |
|
|
| 600 | oklch(0.514 0.166 35.38) | #b23613 | hsl(13, 81%, 39%) |
|
|
| 700 | oklch(0.444 0.141 35.44) | #912c10 | hsl(13, 80%, 32%) |
|
|
| 800 | oklch(0.371 0.115 35.79) | #70220c | hsl(13, 81%, 24%) |
|
|
| 900 | oklch(0.295 0.086 35.83) | #4f1809 | hsl(13, 80%, 17%) |
|
|
| 950 | oklch(0.214 0.056 37.70) | #2e0e05 | hsl(13, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
