Serene Elegance Color Palette
This palette exudes a serene elegance, blending soft cream and muted pink with deep charcoal and rich black for a sophisticated, modern vibe, accented by whispers of tranquil teal.
Practical uses and creative applications
The Serene Elegance Color Palette exudes a tranquil charm that is perfect for those seeking a sophisticated yet calming aesthetic. Featuring soft tones like #f9f9e7, a gentle cream, and #c1e0e0, a soothing aqua, this palette is ideal for branding and web design aimed at wellness brands, lifestyle blogs, or eco-friendly businesses.
The deeper shades of #505045 and #161613 provide a striking contrast, making it easy to create a harmonious balance in any visual application. Use this palette to craft a serene online presence that resonates with your audience.
Ideal for designers and creatives, the Serene Elegance Color Palette can elevate packaging design, ensuring products stand out on shelves while encapsulating a sense of calm and refinement. In interior design, these colors can transform spaces into serene retreats, making them perfect for spas, boutiques, or modern living areas.
With its blend of muted elegance and soft vibrancy, this palette cultivates a mood of relaxation and sophistication, appealing to those who appreciate understated beauty in every aspect of their work and lifestyle.
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.962 0.041 107.14) | #f5f5d6 | hsl(60, 61%, 90%) |
|
|
| 100 | oklch(0.966 0.037 107.07) | #f6f6da | hsl(60, 61%, 91%) |
|
|
| 200 | oklch(0.967 0.033 107.00) | #f6f6dd | hsl(60, 58%, 92%) |
|
|
| 300 | oklch(0.970 0.030 106.95) | #f7f7e0 | hsl(60, 59%, 92%) |
|
|
| 400 | oklch(0.974 0.026 106.88) | #f8f8e4 | hsl(60, 59%, 93%) |
|
|
| 500 | oklch(0.977 0.024 106.83) | #f9f9e7 | hsl(60, 60%, 94%) |
|
|
| 600 | oklch(0.915 0.089 108.05) | #e8e8a2 | hsl(60, 60%, 77%) |
|
|
| 700 | oklch(0.856 0.143 109.08) | #d7d75e | hsl(60, 60%, 61%) |
|
|
| 800 | oklch(0.741 0.147 109.51) | #b2b22d | hsl(60, 60%, 44%) |
|
|
| 900 | oklch(0.519 0.101 109.46) | #6d6d1b | hsl(60, 60%, 27%) |
|
|
| 950 | oklch(0.273 0.048 109.19) | #29290a | hsl(60, 61%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.004 106.48) | #e7e7e4 | hsl(60, 6%, 90%) |
|
|
| 100 | oklch(0.840 0.012 106.66) | #cbcbc2 | hsl(60, 8%, 78%) |
|
|
| 200 | oklch(0.747 0.018 106.83) | #aeaea1 | hsl(60, 7%, 66%) |
|
|
| 300 | oklch(0.652 0.025 107.06) | #919180 | hsl(60, 7%, 54%) |
|
|
| 400 | oklch(0.544 0.023 107.13) | #717162 | hsl(60, 7%, 41%) |
|
|
| 500 | oklch(0.428 0.018 107.12) | #505045 | hsl(60, 7%, 29%) |
|
|
| 600 | oklch(0.387 0.015 107.07) | #45453c | hsl(60, 7%, 25%) |
|
|
| 700 | oklch(0.350 0.013 107.08) | #3b3b33 | hsl(60, 7%, 22%) |
|
|
| 800 | oklch(0.307 0.010 107.00) | #30302a | hsl(60, 7%, 18%) |
|
|
| 900 | oklch(0.267 0.009 107.00) | #262621 | hsl(60, 7%, 14%) |
|
|
| 950 | oklch(0.221 0.006 106.86) | #1b1b18 | hsl(60, 6%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.004 106.48) | #e7e7e4 | hsl(60, 6%, 90%) |
|
|
| 100 | oklch(0.808 0.014 106.70) | #c1c1b7 | hsl(60, 7%, 74%) |
|
|
| 200 | oklch(0.682 0.023 106.99) | #9a9a8a | hsl(60, 7%, 57%) |
|
|
| 300 | oklch(0.540 0.024 107.18) | #707060 | hsl(60, 8%, 41%) |
|
|
| 400 | oklch(0.380 0.015 107.09) | #43433a | hsl(60, 7%, 25%) |
|
|
| 500 | oklch(0.199 0.006 106.92) | #161613 | hsl(60, 7%, 8%) |
|
|
| 600 | oklch(0.203 0.006 106.91) | #171714 | hsl(60, 7%, 8%) |
|
|
| 700 | oklch(0.208 0.006 106.89) | #181815 | hsl(60, 7%, 9%) |
|
|
| 800 | oklch(0.212 0.006 106.88) | #191916 | hsl(60, 6%, 9%) |
|
|
| 900 | oklch(0.217 0.006 106.87) | #1a1a17 | hsl(60, 6%, 10%) |
|
|
| 950 | oklch(0.221 0.006 106.86) | #1b1b18 | hsl(60, 6%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.014 347.97) | #ebe0e5 | hsl(333, 22%, 90%) |
|
|
| 100 | oklch(0.883 0.017 349.54) | #e2d4da | hsl(334, 19%, 86%) |
|
|
| 200 | oklch(0.848 0.024 350.19) | #dac7cf | hsl(335, 20%, 82%) |
|
|
| 300 | oklch(0.811 0.029 349.63) | #d1bac4 | hsl(334, 20%, 77%) |
|
|
| 400 | oklch(0.777 0.034 351.41) | #c9aeb9 | hsl(336, 20%, 74%) |
|
|
| 500 | oklch(0.740 0.040 350.99) | #c0a1ae | hsl(335, 20%, 69%) |
|
|
| 600 | oklch(0.637 0.059 351.99) | #a87d8f | hsl(335, 20%, 57%) |
|
|
| 700 | oklch(0.534 0.065 353.11) | #8b5d70 | hsl(335, 20%, 45%) |
|
|
| 800 | oklch(0.433 0.051 353.05) | #674553 | hsl(335, 20%, 34%) |
|
|
| 900 | oklch(0.326 0.035 352.97) | #432d36 | hsl(335, 20%, 22%) |
|
|
| 950 | oklch(0.208 0.020 350.06) | #1f1419 | hsl(333, 22%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.018 196.85) | #ddeeee | hsl(180, 33%, 90%) |
|
|
| 100 | oklch(0.925 0.021 196.79) | #d7ebeb | hsl(180, 33%, 88%) |
|
|
| 200 | oklch(0.915 0.023 196.75) | #d2e8e8 | hsl(180, 32%, 87%) |
|
|
| 300 | oklch(0.906 0.027 196.68) | #cce6e6 | hsl(180, 34%, 85%) |
|
|
| 400 | oklch(0.895 0.030 196.64) | #c7e3e3 | hsl(180, 33%, 84%) |
|
|
| 500 | oklch(0.884 0.033 196.58) | #c1e0e0 | hsl(180, 33%, 82%) |
|
|
| 600 | oklch(0.794 0.058 196.05) | #90c8c8 | hsl(180, 34%, 67%) |
|
|
| 700 | oklch(0.703 0.079 195.51) | #5fafaf | hsl(180, 33%, 53%) |
|
|
| 800 | oklch(0.570 0.067 195.43) | #428484 | hsl(180, 33%, 39%) |
|
|
| 900 | oklch(0.412 0.047 195.48) | #295353 | hsl(180, 34%, 24%) |
|
|
| 950 | oklch(0.237 0.023 195.72) | #112222 | hsl(180, 33%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
