Elegant Serenity Color Palette
This palette exudes a serene yet sophisticated vibe, blending soft taupe and pristine white with deep navy and muted teal, creating an elegant atmosphere that feels both tranquil and grounded.
Practical uses and creative applications
The Elegant Serenity Color Palette features a harmonious blend of soft neutrals and deep accents, making it an ideal choice for branding and web design that seeks to evoke a sense of calm and sophistication. The soothing hues of #d4cdc5 and #f4f4f2 provide a serene backdrop, while the striking #5b88a5 and #243a69 add depth and intrigue.
This palette is perfect for creative professionals looking to craft a refined visual identity that resonates with audiences seeking tranquility and elegance. Ideal for interior designers and packaging creatives, the Elegant Serenity Color Palette can transform spaces and products into serene experiences.
Imagine using the soft tones to create a cozy and inviting atmosphere in a boutique hotel or incorporating the deep shades into premium product packaging for a luxurious feel. This palette is particularly suited for brands in wellness, lifestyle, and luxury sectors, where conveying a sense of peace and sophistication is essential.
Whether you're a designer, marketer, or creative entrepreneur, this color palette will inspire you to create stunning visuals that capture attention and promote a sense of calm.
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.926 0.006 75.40) | #e9e6e2 | hsl(34, 14%, 90%) |
|
|
| 100 | oklch(0.911 0.008 73.74) | #e5e1dc | hsl(33, 15%, 88%) |
|
|
| 200 | oklch(0.897 0.010 72.65) | #e1dcd6 | hsl(33, 15%, 86%) |
|
|
| 300 | oklch(0.882 0.012 71.89) | #ddd7d0 | hsl(32, 16%, 84%) |
|
|
| 400 | oklch(0.867 0.012 71.88) | #d8d2cb | hsl(32, 14%, 82%) |
|
|
| 500 | oklch(0.852 0.013 71.31) | #d4cdc5 | hsl(32, 15%, 80%) |
|
|
| 600 | oklch(0.744 0.024 71.70) | #b6aa9c | hsl(32, 15%, 66%) |
|
|
| 700 | oklch(0.630 0.034 70.25) | #978673 | hsl(32, 15%, 52%) |
|
|
| 800 | oklch(0.505 0.029 69.03) | #706253 | hsl(31, 15%, 38%) |
|
|
| 900 | oklch(0.369 0.020 73.30) | #463e34 | hsl(33, 15%, 24%) |
|
|
| 950 | oklch(0.220 0.009 75.15) | #1d1a16 | hsl(34, 14%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.013 236.63) | #dee7ed | hsl(204, 29%, 90%) |
|
|
| 100 | oklch(0.861 0.023 237.69) | #c4d4df | hsl(204, 30%, 82%) |
|
|
| 200 | oklch(0.798 0.033 236.46) | #aac1d0 | hsl(204, 29%, 74%) |
|
|
| 300 | oklch(0.734 0.045 236.52) | #8faec2 | hsl(204, 29%, 66%) |
|
|
| 400 | oklch(0.670 0.055 236.38) | #759bb3 | hsl(203, 29%, 58%) |
|
|
| 500 | oklch(0.606 0.066 237.60) | #5b88a5 | hsl(204, 29%, 50%) |
|
|
| 600 | oklch(0.534 0.058 238.14) | #4c728b | hsl(204, 29%, 42%) |
|
|
| 700 | oklch(0.460 0.048 238.38) | #3e5c70 | hsl(204, 29%, 34%) |
|
|
| 800 | oklch(0.385 0.039 236.59) | #2f4756 | hsl(203, 29%, 26%) |
|
|
| 900 | oklch(0.304 0.028 236.34) | #21313b | hsl(203, 28%, 18%) |
|
|
| 950 | oklch(0.216 0.018 237.84) | #121b21 | hsl(204, 29%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.007 106.53) | #e8e8e3 | hsl(60, 10%, 90%) |
|
|
| 100 | oklch(0.936 0.005 106.50) | #eaeae6 | hsl(60, 9%, 91%) |
|
|
| 200 | oklch(0.945 0.005 106.50) | #edede9 | hsl(60, 10%, 92%) |
|
|
| 300 | oklch(0.951 0.004 106.48) | #efefec | hsl(60, 9%, 93%) |
|
|
| 400 | oklch(0.960 0.004 106.47) | #f2f2ef | hsl(60, 10%, 94%) |
|
|
| 500 | oklch(0.967 0.003 106.45) | #f4f4f2 | hsl(60, 8%, 95%) |
|
|
| 600 | oklch(0.843 0.012 106.66) | #ccccc3 | hsl(60, 8%, 78%) |
|
|
| 700 | oklch(0.714 0.023 106.96) | #a4a494 | hsl(60, 8%, 61%) |
|
|
| 800 | oklch(0.574 0.028 107.26) | #7a7a67 | hsl(60, 8%, 44%) |
|
|
| 900 | oklch(0.409 0.019 107.23) | #4b4b3f | hsl(60, 9%, 27%) |
|
|
| 950 | oklch(0.225 0.009 107.13) | #1c1c17 | hsl(60, 10%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.013 353.16) | #ebe0e4 | hsl(338, 22%, 90%) |
|
|
| 100 | oklch(0.776 0.036 355.19) | #caadb7 | hsl(339, 21%, 74%) |
|
|
| 200 | oklch(0.632 0.063 357.34) | #aa7a8a | hsl(340, 22%, 57%) |
|
|
| 300 | oklch(0.491 0.065 358.65) | #7f5160 | hsl(340, 22%, 41%) |
|
|
| 400 | oklch(0.348 0.041 357.85) | #4c313a | hsl(340, 22%, 25%) |
|
|
| 500 | oklch(0.186 0.016 356.97) | #191013 | hsl(340, 22%, 8%) |
|
|
| 600 | oklch(0.191 0.016 356.90) | #1a1114 | hsl(340, 21%, 8%) |
|
|
| 700 | oklch(0.195 0.016 356.83) | #1b1215 | hsl(340, 20%, 9%) |
|
|
| 800 | oklch(0.198 0.020 355.45) | #1d1216 | hsl(338, 23%, 9%) |
|
|
| 900 | oklch(0.203 0.020 355.38) | #1e1317 | hsl(338, 22%, 10%) |
|
|
| 950 | oklch(0.207 0.019 355.31) | #1f1418 | hsl(338, 22%, 10%) |
|
dsfds
| 50 | oklch(0.909 0.025 265.58) | #d9e1f2 | hsl(221, 49%, 90%) |
|
|
| 100 | oklch(0.794 0.058 265.14) | #aabce2 | hsl(221, 49%, 78%) |
|
|
| 200 | oklch(0.676 0.095 264.77) | #7a96d2 | hsl(221, 49%, 65%) |
|
|
| 300 | oklch(0.559 0.132 263.56) | #4b71c1 | hsl(221, 49%, 53%) |
|
|
| 400 | oklch(0.457 0.117 263.49) | #345498 | hsl(221, 49%, 40%) |
|
|
| 500 | oklch(0.356 0.086 263.70) | #243a69 | hsl(221, 49%, 28%) |
|
|
| 600 | oklch(0.327 0.077 263.17) | #1f335c | hsl(220, 50%, 24%) |
|
|
| 700 | oklch(0.295 0.067 264.16) | #1b2b4e | hsl(221, 49%, 21%) |
|
|
| 800 | oklch(0.264 0.058 263.48) | #162441 | hsl(220, 49%, 17%) |
|
|
| 900 | oklch(0.230 0.047 265.14) | #121c33 | hsl(222, 48%, 14%) |
|
|
| 950 | oklch(0.198 0.037 264.19) | #0d1526 | hsl(221, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
