Serene Bold Color Palette
This palette exudes a serene yet bold vibe, blending soft beige and muted teal with deep charcoal and a striking pop of vibrant red, perfect for a modern, sophisticated aesthetic.
Practical uses and creative applications
The Serene Bold Color Palette features a harmonious blend of muted tones and vibrant accents, making it an ideal choice for a variety of design projects. With soft shades like #e4ded0 and #abccbd providing a calming backdrop, the palette is perfect for creating tranquil spaces in interiors or soothing web design.
The bold touch of #e32f21 injects a pop of energy, perfect for branding that aims to stand out while maintaining an inviting feel. Whether you’re designing a wellness brand, a modern café, or a lifestyle website, this palette strikes the perfect balance between serenity and boldness.
Ideal for designers and creatives seeking to evoke a sense of calm blended with confidence, the Serene Bold Color Palette works beautifully in packaging design as well. Use it to create eye-catching labels for organic products or artisan goods, where a touch of sophistication is desired.
Additionally, this palette is well-suited for branding in the health and wellness sector, appealing to audiences who appreciate a clean yet dynamic aesthetic. Embrace the tranquil vibes of this palette to create spaces and designs that resonate with your audience while capturing attention.
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.932 0.013 86.83) | #ece8df | hsl(42, 25%, 90%) |
|
|
| 100 | oklch(0.926 0.014 84.58) | #ebe6dc | hsl(40, 27%, 89%) |
|
|
| 200 | oklch(0.920 0.016 86.43) | #e9e4d9 | hsl(41, 27%, 88%) |
|
|
| 300 | oklch(0.913 0.017 88.00) | #e7e2d6 | hsl(42, 26%, 87%) |
|
|
| 400 | oklch(0.908 0.019 86.15) | #e6e0d3 | hsl(41, 28%, 86%) |
|
|
| 500 | oklch(0.902 0.020 87.52) | #e4ded0 | hsl(42, 27%, 85%) |
|
|
| 600 | oklch(0.798 0.042 88.21) | #c8bc9f | hsl(42, 27%, 70%) |
|
|
| 700 | oklch(0.689 0.063 86.82) | #ac996e | hsl(42, 27%, 55%) |
|
|
| 800 | oklch(0.557 0.059 88.12) | #82724b | hsl(43, 27%, 40%) |
|
|
| 900 | oklch(0.401 0.040 87.89) | #51472f | hsl(42, 27%, 25%) |
|
|
| 950 | oklch(0.228 0.018 86.81) | #201c13 | hsl(42, 25%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.016 166.71) | #dfece6 | hsl(152, 25%, 90%) |
|
|
| 100 | oklch(0.908 0.019 167.89) | #d5e5de | hsl(154, 24%, 87%) |
|
|
| 200 | oklch(0.885 0.026 168.17) | #cadfd6 | hsl(154, 25%, 83%) |
|
|
| 300 | oklch(0.863 0.031 165.18) | #c0d9cd | hsl(151, 25%, 80%) |
|
|
| 400 | oklch(0.839 0.036 166.67) | #b5d2c5 | hsl(153, 24%, 77%) |
|
|
| 500 | oklch(0.817 0.041 166.10) | #abccbd | hsl(153, 24%, 74%) |
|
|
| 600 | oklch(0.729 0.062 164.19) | #83b49d | hsl(152, 25%, 61%) |
|
|
| 700 | oklch(0.634 0.076 163.02) | #5d997d | hsl(152, 24%, 48%) |
|
|
| 800 | oklch(0.507 0.059 163.80) | #44705c | hsl(153, 24%, 35%) |
|
|
| 900 | oklch(0.375 0.041 163.58) | #2c483b | hsl(152, 24%, 23%) |
|
|
| 950 | oklch(0.229 0.022 164.26) | #13201a | hsl(152, 25%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.018 188.38) | #ddeeec | hsl(173, 33%, 90%) |
|
|
| 100 | oklch(0.899 0.028 191.04) | #cae4e2 | hsl(175, 33%, 84%) |
|
|
| 200 | oklch(0.864 0.038 188.24) | #b7dbd7 | hsl(173, 33%, 79%) |
|
|
| 300 | oklch(0.827 0.048 189.67) | #a3d1cd | hsl(175, 33%, 73%) |
|
|
| 400 | oklch(0.792 0.059 187.77) | #90c8c2 | hsl(174, 34%, 67%) |
|
|
| 500 | oklch(0.756 0.067 188.51) | #7dbeb8 | hsl(174, 33%, 62%) |
|
|
| 600 | oklch(0.691 0.081 188.22) | #5aaca5 | hsl(175, 33%, 51%) |
|
|
| 700 | oklch(0.593 0.072 186.90) | #468c85 | hsl(174, 33%, 41%) |
|
|
| 800 | oklch(0.480 0.056 188.93) | #346864 | hsl(175, 33%, 31%) |
|
|
| 900 | oklch(0.364 0.040 188.20) | #234542 | hsl(175, 33%, 20%) |
|
|
| 950 | oklch(0.236 0.023 186.26) | #112220 | hsl(173, 33%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.005 314.80) | #e6e4e7 | hsl(280, 6%, 90%) |
|
|
| 100 | oklch(0.790 0.014 314.74) | #beb8c1 | hsl(280, 7%, 74%) |
|
|
| 200 | oklch(0.652 0.023 313.75) | #958c9a | hsl(279, 6%, 58%) |
|
|
| 300 | oklch(0.513 0.024 313.68) | #6c6371 | hsl(279, 7%, 42%) |
|
|
| 400 | oklch(0.368 0.015 313.03) | #423d45 | hsl(278, 6%, 25%) |
|
|
| 500 | oklch(0.204 0.007 314.67) | #181619 | hsl(280, 6%, 9%) |
|
|
| 600 | oklch(0.204 0.007 314.67) | #181619 | hsl(280, 6%, 9%) |
|
|
| 700 | oklch(0.208 0.007 314.67) | #19171a | hsl(280, 6%, 10%) |
|
|
| 800 | oklch(0.208 0.007 314.67) | #19171a | hsl(280, 6%, 10%) |
|
|
| 900 | oklch(0.210 0.009 317.69) | #1a171b | hsl(285, 8%, 10%) |
|
|
| 950 | oklch(0.213 0.007 314.68) | #1a181b | hsl(280, 6%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.041 23.57) | #f9d5d2 | hsl(5, 76%, 90%) |
|
|
| 100 | oklch(0.827 0.078 23.78) | #f5b3ae | hsl(4, 78%, 82%) |
|
|
| 200 | oklch(0.756 0.115 24.71) | #f0928b | hsl(4, 77%, 74%) |
|
|
| 300 | oklch(0.692 0.154 26.08) | #ec7168 | hsl(4, 78%, 67%) |
|
|
| 400 | oklch(0.636 0.189 28.16) | #e75044 | hsl(4, 77%, 59%) |
|
|
| 500 | oklch(0.595 0.216 29.57) | #e32f21 | hsl(4, 78%, 51%) |
|
|
| 600 | oklch(0.528 0.194 29.77) | #c22518 | hsl(5, 78%, 43%) |
|
|
| 700 | oklch(0.453 0.164 29.57) | #9d1e14 | hsl(4, 77%, 35%) |
|
|
| 800 | oklch(0.375 0.133 29.54) | #78170f | hsl(5, 78%, 26%) |
|
|
| 900 | oklch(0.291 0.098 29.50) | #52100a | hsl(5, 78%, 18%) |
|
|
| 950 | oklch(0.204 0.060 29.01) | #2d0906 | hsl(5, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
