Bold Serenity Color Palette
This palette exudes a bold yet serene vibe, blending the deep passion of crimson (#ae0c3e) with soft, earthy tones of sage green (#afcca8), creamy beige (#f5eec3), warm taupe (#c7b299), and rich espresso brown (#33211c) for a harmonious, sophisticated style.
Practical uses and creative applications
The Bold Serenity Color Palette is a striking blend of rich hues and soft undertones, making it perfect for designers and creatives seeking to evoke a sense of calm while maintaining a bold presence. The deep crimson (#ae0c3e) paired with earthy tones like soft sage green (#afcca8) and warm beige (#f5eec3) creates a unique balance that is ideal for branding efforts in industries like wellness, lifestyle, or organic products.
This palette can effortlessly elevate your brand identity, making it memorable and visually appealing. In web design, the Bold Serenity Color Palette works wonders for creating inviting user interfaces that foster engagement.
The contrasting colors of deep brown (#33211c) and muted taupe (#c7b299) provide excellent backgrounds or accents, ensuring that your content stands out while maintaining an air of sophistication. Whether you’re designing a minimalist blog, an online store, or an interior space, this palette fosters a welcoming atmosphere that encourages exploration and connection.
Ideal for interior designers, product packaging, and creatives, this palette brings a harmonious blend of boldness and serenity that captivates and inspires.
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.897 0.054 357.62) | #fccfdd | hsl(341, 88%, 90%) |
|
|
100 | oklch(0.794 0.115 359.67) | #f89cb9 | hsl(341, 87%, 79%) |
|
|
200 | oklch(0.704 0.176 3.52) | #f56994 | hsl(342, 88%, 69%) |
|
|
300 | oklch(0.637 0.222 8.49) | #f13670 | hsl(341, 87%, 58%) |
|
|
400 | oklch(0.583 0.227 14.13) | #e11050 | hsl(342, 87%, 47%) |
|
|
500 | oklch(0.482 0.187 13.42) | #ae0c3e | hsl(341, 87%, 36%) |
|
|
600 | oklch(0.431 0.166 13.00) | #950a35 | hsl(341, 87%, 31%) |
|
|
700 | oklch(0.376 0.144 12.31) | #7b092c | hsl(342, 86%, 26%) |
|
|
800 | oklch(0.322 0.121 11.44) | #620723 | hsl(342, 87%, 21%) |
|
|
900 | oklch(0.265 0.098 9.98) | #49051a | hsl(341, 87%, 15%) |
|
|
950 | oklch(0.204 0.074 7.07) | #300311 | hsl(341, 88%, 10%) |
|
dsfds
50 | oklch(0.931 0.021 140.90) | #e1ecdf | hsl(111, 25%, 90%) |
|
|
100 | oklch(0.909 0.029 140.48) | #d7e6d4 | hsl(110, 26%, 87%) |
|
|
200 | oklch(0.884 0.035 140.00) | #cddfc9 | hsl(109, 26%, 83%) |
|
|
300 | oklch(0.862 0.044 139.89) | #c3d9be | hsl(109, 26%, 80%) |
|
|
400 | oklch(0.837 0.050 139.63) | #b9d2b3 | hsl(108, 26%, 76%) |
|
|
500 | oklch(0.814 0.059 139.60) | #afcca8 | hsl(108, 26%, 73%) |
|
|
600 | oklch(0.726 0.086 139.66) | #8ab480 | hsl(108, 26%, 60%) |
|
|
700 | oklch(0.633 0.108 139.82) | #669a5a | hsl(109, 26%, 48%) |
|
|
800 | oklch(0.507 0.084 139.71) | #4b7142 | hsl(109, 26%, 35%) |
|
|
900 | oklch(0.376 0.058 140.34) | #30492b | hsl(110, 26%, 23%) |
|
|
950 | oklch(0.229 0.029 140.70) | #152013 | hsl(111, 25%, 10%) |
|
dsfds
50 | oklch(0.960 0.042 99.83) | #f8f3d3 | hsl(52, 73%, 90%) |
|
|
100 | oklch(0.956 0.045 100.30) | #f7f2d0 | hsl(52, 71%, 89%) |
|
|
200 | oklch(0.954 0.047 99.41) | #f7f1cd | hsl(51, 72%, 89%) |
|
|
300 | oklch(0.950 0.050 99.86) | #f6f0ca | hsl(52, 71%, 88%) |
|
|
400 | oklch(0.947 0.054 99.30) | #f6efc6 | hsl(51, 73%, 87%) |
|
|
500 | oklch(0.944 0.056 99.71) | #f5eec3 | hsl(52, 71%, 86%) |
|
|
600 | oklch(0.884 0.113 100.10) | #eadb80 | hsl(52, 72%, 71%) |
|
|
700 | oklch(0.829 0.152 99.49) | #dfc83e | hsl(51, 72%, 56%) |
|
|
800 | oklch(0.691 0.135 98.88) | #b19c1e | hsl(51, 71%, 41%) |
|
|
900 | oklch(0.493 0.095 100.15) | #6e6212 | hsl(52, 72%, 25%) |
|
|
950 | oklch(0.271 0.048 100.35) | #2c2707 | hsl(52, 73%, 10%) |
|
dsfds
50 | oklch(0.928 0.013 71.32) | #ede6de | hsl(32, 29%, 90%) |
|
|
100 | oklch(0.898 0.019 75.31) | #e5dcd0 | hsl(34, 29%, 86%) |
|
|
200 | oklch(0.867 0.025 71.44) | #ded1c2 | hsl(32, 30%, 82%) |
|
|
300 | oklch(0.837 0.030 72.42) | #d6c7b5 | hsl(33, 29%, 77%) |
|
|
400 | oklch(0.806 0.036 70.07) | #cfbca7 | hsl(32, 29%, 73%) |
|
|
500 | oklch(0.775 0.042 71.98) | #c7b299 | hsl(33, 29%, 69%) |
|
|
600 | oklch(0.687 0.060 71.83) | #b29572 | hsl(33, 29%, 57%) |
|
|
700 | oklch(0.590 0.065 70.98) | #967752 | hsl(33, 29%, 45%) |
|
|
800 | oklch(0.477 0.050 70.63) | #6f583d | hsl(32, 29%, 34%) |
|
|
900 | oklch(0.356 0.036 71.36) | #483927 | hsl(33, 30%, 22%) |
|
|
950 | oklch(0.224 0.018 70.40) | #211a12 | hsl(32, 29%, 10%) |
|
dsfds
50 | oklch(0.918 0.014 34.30) | #ede1de | hsl(12, 29%, 90%) |
|
|
100 | oklch(0.796 0.035 35.90) | #d2b5ad | hsl(13, 29%, 75%) |
|
|
200 | oklch(0.671 0.060 36.37) | #b7897c | hsl(13, 29%, 60%) |
|
|
300 | oklch(0.543 0.073 35.49) | #956052 | hsl(13, 29%, 45%) |
|
|
400 | oklch(0.413 0.052 36.64) | #644137 | hsl(13, 29%, 30%) |
|
|
500 | oklch(0.269 0.030 36.15) | #33211c | hsl(13, 29%, 15%) |
|
|
600 | oklch(0.258 0.027 38.07) | #2f1f1a | hsl(14, 29%, 14%) |
|
|
700 | oklch(0.246 0.027 34.57) | #2c1c18 | hsl(12, 29%, 13%) |
|
|
800 | oklch(0.234 0.024 36.57) | #281a16 | hsl(13, 29%, 12%) |
|
|
900 | oklch(0.224 0.023 37.80) | #251814 | hsl(14, 30%, 11%) |
|
|
950 | oklch(0.210 0.021 34.52) | #211512 | hsl(12, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.