Bold and Serene Color Palette
This palette radiates a bold yet serene vibe, combining deep navy with vibrant teal and soft pastel pinks, creating a modern, playful aesthetic that balances sophistication with a lively spirit.
Practical uses and creative applications
The Bold and Serene Color Palette is a captivating blend of deep blues, vibrant teals, soft whites, and striking pinks, featuring colors like #0E1A2D, #19E8D1, #F4F4F4, #FC4181, and #FA75A3. This palette is perfect for designers and creatives looking to evoke a sense of calm confidence in their projects.
Its unique combination allows for versatile applications, whether you're designing a modern website, developing an eye-catching brand identity, or creating compelling packaging that stands out on shelves. Ideal for businesses in the wellness, beauty, or tech industries, the Bold and Serene palette strikes a balance between boldness and tranquility.
Web designers can leverage its harmonious hues to create immersive user experiences, while marketers can utilize this color scheme to establish a memorable brand presence. Moreover, interior designers can incorporate these colors into spaces that promote relaxation and creativity, making it suitable for homes, studios, or wellness centers.
With its ability to evoke positivity and calm, this color palette is a fantastic choice for anyone aiming to create an inviting and dynamic environment.
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.910 0.026 261.14) | #d8e2f3 | hsl(218, 53%, 90%) |
|
|
100 | oklch(0.771 0.067 259.13) | #9bb6e0 | hsl(217, 53%, 74%) |
|
|
200 | oklch(0.629 0.114 259.25) | #5e89cd | hsl(217, 53%, 59%) |
|
|
300 | oklch(0.497 0.123 258.96) | #3461a7 | hsl(217, 53%, 43%) |
|
|
400 | oklch(0.363 0.085 259.47) | #213d6a | hsl(217, 53%, 27%) |
|
|
500 | oklch(0.217 0.041 259.26) | #0e1a2d | hsl(217, 53%, 12%) |
|
|
600 | oklch(0.214 0.041 260.78) | #0e192c | hsl(218, 52%, 11%) |
|
|
700 | oklch(0.213 0.040 258.28) | #0d192b | hsl(216, 54%, 11%) |
|
|
800 | oklch(0.208 0.038 258.83) | #0d1829 | hsl(216, 52%, 11%) |
|
|
900 | oklch(0.204 0.038 258.83) | #0c1728 | hsl(216, 54%, 10%) |
|
|
950 | oklch(0.200 0.037 260.52) | #0c1627 | hsl(218, 53%, 10%) |
|
dsfds
50 | oklch(0.955 0.042 189.22) | #d1faf6 | hsl(174, 80%, 90%) |
|
|
100 | oklch(0.925 0.075 186.60) | #acf7ee | hsl(173, 82%, 82%) |
|
|
200 | oklch(0.896 0.102 186.25) | #87f3e7 | hsl(173, 82%, 74%) |
|
|
300 | oklch(0.871 0.123 185.52) | #62efe0 | hsl(174, 82%, 66%) |
|
|
400 | oklch(0.853 0.139 183.43) | #3eecd8 | hsl(173, 82%, 58%) |
|
|
500 | oklch(0.837 0.147 182.20) | #19e8d1 | hsl(173, 82%, 50%) |
|
|
600 | oklch(0.738 0.129 182.58) | #14c4b1 | hsl(174, 81%, 42%) |
|
|
700 | oklch(0.632 0.110 182.30) | #109f8f | hsl(173, 82%, 34%) |
|
|
800 | oklch(0.518 0.090 182.71) | #0c796d | hsl(173, 82%, 26%) |
|
|
900 | oklch(0.402 0.069 182.22) | #08544b | hsl(173, 83%, 18%) |
|
|
950 | oklch(0.273 0.044 185.30) | #052e2a | hsl(174, 80%, 10%) |
|
dsfds
50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
100 | oklch(0.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
200 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
300 | oklch(0.949 0.000 89.88) | #eeeeee | hsl(0, 0%, 93%) |
|
|
400 | oklch(0.958 0.000 89.88) | #f1f1f1 | hsl(0, 0%, 95%) |
|
|
500 | oklch(0.967 0.000 89.88) | #f4f4f4 | hsl(0, 0%, 96%) |
|
|
600 | oklch(0.833 0.000 89.88) | #c8c8c8 | hsl(0, 0%, 78%) |
|
|
700 | oklch(0.696 0.000 89.88) | #9d9d9d | hsl(0, 0%, 62%) |
|
|
800 | oklch(0.549 0.000 89.88) | #717171 | hsl(0, 0%, 44%) |
|
|
900 | oklch(0.390 0.000 89.88) | #454545 | hsl(0, 0%, 27%) |
|
|
950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
50 | oklch(0.896 0.059 355.59) | #fecdde | hsl(339, 96%, 90%) |
|
|
100 | oklch(0.841 0.095 357.41) | #feb1cb | hsl(340, 97%, 85%) |
|
|
200 | oklch(0.788 0.131 358.35) | #fd95b9 | hsl(339, 96%, 79%) |
|
|
300 | oklch(0.741 0.166 0.47) | #fd79a6 | hsl(340, 97%, 73%) |
|
|
400 | oklch(0.700 0.198 2.34) | #fc5d94 | hsl(339, 96%, 68%) |
|
|
500 | oklch(0.668 0.225 5.38) | #fc4181 | hsl(339, 97%, 62%) |
|
|
600 | oklch(0.632 0.249 12.77) | #fb0d5e | hsl(340, 97%, 52%) |
|
|
700 | oklch(0.545 0.217 13.63) | #cf0349 | hsl(339, 97%, 41%) |
|
|
800 | oklch(0.440 0.175 12.51) | #9b0237 | hsl(339, 97%, 31%) |
|
|
900 | oklch(0.329 0.130 11.19) | #670224 | hsl(340, 96%, 21%) |
|
|
950 | oklch(0.206 0.080 5.48) | #320112 | hsl(339, 96%, 10%) |
|
dsfds
50 | oklch(0.896 0.057 355.91) | #fdcede | hsl(340, 92%, 90%) |
|
|
100 | oklch(0.861 0.080 356.81) | #fdbcd2 | hsl(340, 94%, 86%) |
|
|
200 | oklch(0.825 0.102 356.72) | #fcaac7 | hsl(339, 93%, 83%) |
|
|
300 | oklch(0.793 0.123 358.00) | #fb99bb | hsl(339, 92%, 79%) |
|
|
400 | oklch(0.761 0.147 359.21) | #fb87af | hsl(339, 94%, 76%) |
|
|
500 | oklch(0.731 0.168 0.34) | #fa75a3 | hsl(339, 93%, 72%) |
|
|
600 | oklch(0.653 0.228 6.21) | #f8387a | hsl(339, 93%, 60%) |
|
|
700 | oklch(0.595 0.235 12.75) | #e80856 | hsl(339, 93%, 47%) |
|
|
800 | oklch(0.475 0.187 12.10) | #ab063f | hsl(339, 93%, 35%) |
|
|
900 | oklch(0.346 0.135 10.13) | #6e0429 | hsl(339, 93%, 22%) |
|
|
950 | oklch(0.205 0.077 5.54) | #310212 | hsl(340, 92%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.