Bold Serenity Color Palette
This palette exudes a bold yet serene vibe, blending passionate crimson and deep burgundy with calming sky blue and soft lavender, creating a dramatic yet harmonious balance between intensity and tranquility.
Practical uses and creative applications
The Bold Serenity Color Palette seamlessly blends vibrant hues with softer tones, making it a versatile choice for various applications. Featuring striking shades like #D25254 and #9F072E paired with soothing colors such as #71C0E7 and #ECE6EE, this palette is perfect for branding that aims to convey a sense of strength and tranquility.
Ideal for creative professionals, it can elevate web design projects, packaging, or even interior spaces, creating environments that inspire and engage. This color palette is particularly suited for designers looking to make a statement while maintaining a sense of calm.
Whether you're designing a bold e-commerce website that needs to attract attention or creating packaging for a wellness product that resonates with serenity, the Bold Serenity Color Palette strikes the right balance. Additionally, its unique blend of colors makes it an excellent choice for interior designers aiming to create spaces that feel both invigorating and peaceful, appealing to a wide range of audiences from millennials to wellness enthusiasts.
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.903 0.032 17.77) | #f4d7d7 | hsl(0, 57%, 90%) |
|
|
100 | oklch(0.840 0.058 17.03) | #eebcbd | hsl(359, 60%, 84%) |
|
|
200 | oklch(0.779 0.082 18.15) | #e7a2a3 | hsl(359, 59%, 77%) |
|
|
300 | oklch(0.717 0.109 19.41) | #e08788 | hsl(359, 59%, 70%) |
|
|
400 | oklch(0.661 0.136 20.87) | #d96d6e | hsl(359, 59%, 64%) |
|
|
500 | oklch(0.608 0.162 22.35) | #d25254 | hsl(359, 59%, 57%) |
|
|
600 | oklch(0.539 0.180 24.61) | #c13235 | hsl(359, 59%, 48%) |
|
|
700 | oklch(0.461 0.151 24.56) | #9b282a | hsl(359, 59%, 38%) |
|
|
800 | oklch(0.378 0.121 23.91) | #751e20 | hsl(359, 59%, 29%) |
|
|
900 | oklch(0.292 0.088 23.57) | #4f1415 | hsl(359, 60%, 19%) |
|
|
950 | oklch(0.198 0.049 22.60) | #280b0b | hsl(0, 57%, 10%) |
|
dsfds
50 | oklch(0.895 0.055 1.21) | #fdceda | hsl(345, 92%, 90%) |
|
|
100 | oklch(0.784 0.123 3.54) | #fa96b0 | hsl(344, 91%, 78%) |
|
|
200 | oklch(0.691 0.190 8.05) | #f85e85 | hsl(345, 92%, 67%) |
|
|
300 | oklch(0.629 0.234 14.45) | #f5265b | hsl(345, 91%, 55%) |
|
|
400 | oklch(0.559 0.221 18.46) | #d7093e | hsl(345, 92%, 44%) |
|
|
500 | oklch(0.448 0.176 17.59) | #9f072e | hsl(345, 92%, 33%) |
|
|
600 | oklch(0.403 0.157 16.90) | #890628 | hsl(344, 92%, 28%) |
|
|
700 | oklch(0.356 0.138 16.54) | #730521 | hsl(345, 92%, 24%) |
|
|
800 | oklch(0.307 0.118 15.30) | #5d041b | hsl(344, 92%, 19%) |
|
|
900 | oklch(0.257 0.098 13.31) | #470315 | hsl(344, 92%, 15%) |
|
|
950 | oklch(0.204 0.076 11.04) | #31020e | hsl(345, 92%, 10%) |
|
dsfds
50 | oklch(0.910 0.018 296.61) | #e2dfec | hsl(254, 25%, 90%) |
|
|
100 | oklch(0.792 0.043 296.10) | #bdb6d4 | hsl(254, 26%, 77%) |
|
|
200 | oklch(0.672 0.069 294.21) | #988ebd | hsl(253, 26%, 65%) |
|
|
300 | oklch(0.548 0.099 293.65) | #7465a5 | hsl(254, 26%, 52%) |
|
|
400 | oklch(0.447 0.084 292.38) | #564b7f | hsl(253, 26%, 40%) |
|
|
500 | oklch(0.347 0.062 293.08) | #3b3357 | hsl(253, 26%, 27%) |
|
|
600 | oklch(0.320 0.055 293.43) | #342d4c | hsl(254, 26%, 24%) |
|
|
700 | oklch(0.288 0.049 293.29) | #2c2641 | hsl(253, 26%, 20%) |
|
|
800 | oklch(0.260 0.041 293.79) | #252036 | hsl(254, 26%, 17%) |
|
|
900 | oklch(0.227 0.035 293.65) | #1d192b | hsl(253, 26%, 13%) |
|
|
950 | oklch(0.197 0.026 294.47) | #161320 | hsl(254, 25%, 10%) |
|
dsfds
50 | oklch(0.928 0.031 228.19) | #d3ecf8 | hsl(199, 73%, 90%) |
|
|
100 | oklch(0.896 0.044 228.76) | #c0e3f4 | hsl(200, 70%, 85%) |
|
|
200 | oklch(0.864 0.058 229.86) | #acdaf1 | hsl(200, 71%, 81%) |
|
|
300 | oklch(0.832 0.071 230.77) | #98d1ee | hsl(200, 72%, 76%) |
|
|
400 | oklch(0.802 0.083 230.08) | #85c9ea | hsl(200, 71%, 72%) |
|
|
500 | oklch(0.772 0.096 231.26) | #71c0e7 | hsl(200, 71%, 67%) |
|
|
600 | oklch(0.700 0.123 234.24) | #3faadf | hsl(200, 71%, 56%) |
|
|
700 | oklch(0.610 0.122 236.23) | #218dc2 | hsl(200, 71%, 45%) |
|
|
800 | oklch(0.491 0.097 236.34) | #186890 | hsl(200, 71%, 33%) |
|
|
900 | oklch(0.367 0.069 235.46) | #10445e | hsl(200, 71%, 22%) |
|
|
950 | oklch(0.231 0.038 232.52) | #07202c | hsl(199, 73%, 10%) |
|
dsfds
50 | oklch(0.918 0.014 318.70) | #e8e1ea | hsl(287, 18%, 90%) |
|
|
100 | oklch(0.921 0.014 318.70) | #e9e2eb | hsl(287, 18%, 90%) |
|
|
200 | oklch(0.924 0.014 318.70) | #eae3ec | hsl(287, 19%, 91%) |
|
|
300 | oklch(0.926 0.014 314.76) | #eae4ed | hsl(280, 20%, 91%) |
|
|
400 | oklch(0.929 0.012 317.74) | #ebe5ed | hsl(285, 18%, 91%) |
|
|
500 | oklch(0.932 0.012 317.74) | #ece6ee | hsl(285, 19%, 92%) |
|
|
600 | oklch(0.793 0.039 317.68) | #c6b4cc | hsl(285, 19%, 75%) |
|
|
700 | oklch(0.651 0.066 318.32) | #a183aa | hsl(286, 19%, 59%) |
|
|
800 | oklch(0.508 0.075 317.02) | #775882 | hsl(284, 19%, 43%) |
|
|
900 | oklch(0.366 0.051 318.27) | #4a3650 | hsl(286, 19%, 26%) |
|
|
950 | oklch(0.208 0.020 318.64) | #1c151e | hsl(287, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.