Bold Serenity Color Palette
This palette exudes a bold yet serene vibe, combining deep charcoal and vibrant crimson with tranquil teal and soft cream, creating a stylish clash of energy and calm.
Practical uses and creative applications
The Bold Serenity Color Palette combines deep, tranquil hues with vibrant accents, making it an ideal choice for designers aiming to create impactful visual experiences. Featuring rich tones like #2A363B and #457B9D alongside striking reds #EF233C and #D90429, this palette strikes a perfect balance between boldness and calmness.
Whether you’re designing a modern brand identity or refreshing a website, these colors can convey a sense of professionalism while still standing out in a crowded market. This palette is particularly suited for creatives in fields such as branding, web design, and packaging.
The contrasting colors can evoke a sense of energy and creativity, making it ideal for brands that want to communicate innovation and dynamism. Meanwhile, the soothing tones can be effectively used in interiors, creating spaces that feel both energizing and serene.
Ideal for designers looking to appeal to a contemporary audience, the Bold Serenity Color Palette is perfect for projects that require a touch of sophistication while maintaining a warm and welcoming atmosphere.
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.924 0.008 228.86) | #e1e7ea | hsl(200, 18%, 90%) |
|
|
| 100 | oklch(0.817 0.019 223.65) | #b7c6cc | hsl(197, 17%, 76%) |
|
|
| 200 | oklch(0.707 0.029 223.40) | #8ea5ae | hsl(197, 16%, 62%) |
|
|
| 300 | oklch(0.592 0.038 225.11) | #66838f | hsl(198, 17%, 48%) |
|
|
| 400 | oklch(0.462 0.028 227.10) | #485c65 | hsl(199, 17%, 34%) |
|
|
| 500 | oklch(0.324 0.018 225.13) | #2a363b | hsl(198, 17%, 20%) |
|
|
| 600 | oklch(0.305 0.017 221.97) | #263135 | hsl(196, 16%, 18%) |
|
|
| 700 | oklch(0.282 0.015 226.59) | #222b2f | hsl(198, 16%, 16%) |
|
|
| 800 | oklch(0.262 0.013 222.55) | #1e2629 | hsl(196, 15%, 14%) |
|
|
| 900 | oklch(0.241 0.013 222.64) | #192124 | hsl(196, 18%, 12%) |
|
|
| 950 | oklch(0.217 0.011 229.51) | #151b1e | hsl(200, 18%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.051 9.14) | #fccfd5 | hsl(352, 88%, 90%) |
|
|
| 100 | oklch(0.822 0.090 11.41) | #f9adb6 | hsl(353, 86%, 83%) |
|
|
| 200 | oklch(0.755 0.133 12.57) | #f78a98 | hsl(352, 87%, 75%) |
|
|
| 300 | oklch(0.695 0.172 15.37) | #f46879 | hsl(353, 86%, 68%) |
|
|
| 400 | oklch(0.646 0.208 18.35) | #f2455b | hsl(352, 87%, 61%) |
|
|
| 500 | oklch(0.612 0.231 22.61) | #ef233c | hsl(353, 86%, 54%) |
|
|
| 600 | oklch(0.556 0.220 24.63) | #d61028 | hsl(353, 86%, 45%) |
|
|
| 700 | oklch(0.474 0.186 24.29) | #ac0d20 | hsl(353, 86%, 36%) |
|
|
| 800 | oklch(0.390 0.151 23.83) | #830a18 | hsl(353, 86%, 28%) |
|
|
| 900 | oklch(0.298 0.113 21.93) | #590611 | hsl(352, 87%, 19%) |
|
|
| 950 | oklch(0.202 0.073 18.13) | #300309 | hsl(352, 88%, 10%) |
|
dsfds
| 50 | oklch(0.893 0.056 7.28) | #fecdd5 | hsl(350, 96%, 90%) |
|
|
| 100 | oklch(0.800 0.115 8.37) | #fd9eaf | hsl(349, 96%, 81%) |
|
|
| 200 | oklch(0.719 0.173 11.57) | #fc6f88 | hsl(349, 96%, 71%) |
|
|
| 300 | oklch(0.659 0.220 16.40) | #fb4161 | hsl(350, 96%, 62%) |
|
|
| 400 | oklch(0.628 0.248 22.57) | #fb123a | hsl(350, 97%, 53%) |
|
|
| 500 | oklch(0.559 0.225 23.97) | #d90429 | hsl(350, 96%, 43%) |
|
|
| 600 | oklch(0.495 0.199 23.49) | #b80323 | hsl(349, 97%, 37%) |
|
|
| 700 | oklch(0.426 0.170 23.13) | #96031c | hsl(350, 96%, 30%) |
|
|
| 800 | oklch(0.356 0.142 22.10) | #750216 | hsl(350, 97%, 23%) |
|
|
| 900 | oklch(0.282 0.110 20.28) | #530210 | hsl(350, 95%, 17%) |
|
|
| 950 | oklch(0.203 0.079 17.00) | #320109 | hsl(350, 96%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.016 233.03) | #dce8ef | hsl(202, 37%, 90%) |
|
|
| 100 | oklch(0.853 0.032 233.36) | #bbd3e1 | hsl(202, 39%, 81%) |
|
|
| 200 | oklch(0.781 0.048 236.62) | #9bbdd3 | hsl(204, 39%, 72%) |
|
|
| 300 | oklch(0.709 0.065 236.57) | #7aa8c5 | hsl(203, 39%, 63%) |
|
|
| 400 | oklch(0.638 0.081 237.61) | #5a93b7 | hsl(203, 39%, 54%) |
|
|
| 500 | oklch(0.560 0.078 237.98) | #457b9d | hsl(203, 39%, 44%) |
|
|
| 600 | oklch(0.497 0.069 237.97) | #3a6885 | hsl(203, 39%, 37%) |
|
|
| 700 | oklch(0.432 0.057 237.39) | #30556c | hsl(203, 38%, 31%) |
|
|
| 800 | oklch(0.365 0.047 237.22) | #254254 | hsl(203, 39%, 24%) |
|
|
| 900 | oklch(0.294 0.036 236.95) | #1a2f3c | hsl(203, 40%, 17%) |
|
|
| 950 | oklch(0.219 0.022 234.73) | #101c23 | hsl(202, 37%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.042 137.54) | #dff3d8 | hsl(104, 53%, 90%) |
|
|
| 100 | oklch(0.949 0.039 138.16) | #e2f5dc | hsl(106, 56%, 91%) |
|
|
| 200 | oklch(0.956 0.033 138.21) | #e6f6e1 | hsl(106, 54%, 92%) |
|
|
| 300 | oklch(0.962 0.027 136.88) | #eaf7e5 | hsl(103, 53%, 93%) |
|
|
| 400 | oklch(0.969 0.023 139.44) | #edf9ea | hsl(108, 56%, 95%) |
|
|
| 500 | oklch(0.975 0.018 137.80) | #f1faee | hsl(105, 55%, 96%) |
|
|
| 600 | oklch(0.878 0.093 137.98) | #b9e6aa | hsl(105, 55%, 78%) |
|
|
| 700 | oklch(0.788 0.163 138.34) | #82d267 | hsl(105, 54%, 61%) |
|
|
| 800 | oklch(0.670 0.181 139.00) | #52ae33 | hsl(105, 55%, 44%) |
|
|
| 900 | oklch(0.472 0.124 138.92) | #326b1f | hsl(105, 55%, 27%) |
|
|
| 950 | oklch(0.248 0.054 138.26) | #13270c | hsl(104, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
