Serene Color Palette
This serene palette blends muted mauve and soft lavender with tranquil sky blue and refreshing mint green, topped off by a gentle touch of pastel yellow, evoking a calming, dreamy atmosphere perfect for a peaceful retreat.
Practical uses and creative applications
The Serene Color Palette is a harmonious blend of muted tones that evoke a sense of calm and tranquility. Featuring shades like soft lavender (#9a8fc8), soothing sky blue (#8dbdeb), and gentle mint green (#a5e6c8), this palette is perfect for branding that aims to create a peaceful and inviting atmosphere.
Ideal for wellness brands, spas, or any creative endeavor focused on relaxation, these colors can elevate your visual identity and foster a sense of trust and comfort among your audience. In web design, the Serene Color Palette works beautifully to create user-friendly interfaces that promote a serene browsing experience.
The subtle earth tones, including warm taupe (#807070) and light pastel green (#d9f5b5), can be effectively utilized in backgrounds, buttons, or typography, enhancing readability while maintaining an aesthetically pleasing look. This palette is particularly attractive to designers and creatives looking to design interiors or packaging that reflect a modern yet calming vibe, making it an ideal choice for home decor brands or organic product lines.
Whether you’re looking to refresh your branding, design a serene website, or create a tranquil environment, the Serene Color Palette provides versatile options that resonate with audiences seeking peace and balance. Embrace these soothing hues to convey a message of serenity and well-being in your next project!.
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.921 0.003 17.22) | #e7e4e4 | hsl(0, 6%, 90%) |
|
|
| 100 | oklch(0.851 0.008 17.31) | #d3cccc | hsl(0, 7%, 81%) |
|
|
| 200 | oklch(0.781 0.010 17.38) | #beb5b5 | hsl(0, 6%, 73%) |
|
|
| 300 | oklch(0.710 0.014 17.49) | #aa9e9e | hsl(0, 7%, 64%) |
|
|
| 400 | oklch(0.633 0.018 17.64) | #958686 | hsl(0, 7%, 55%) |
|
|
| 500 | oklch(0.560 0.020 17.77) | #807070 | hsl(0, 7%, 47%) |
|
|
| 600 | oklch(0.495 0.018 17.78) | #6c5e5e | hsl(0, 7%, 40%) |
|
|
| 700 | oklch(0.431 0.015 17.74) | #584d4d | hsl(0, 7%, 32%) |
|
|
| 800 | oklch(0.362 0.013 17.75) | #443b3b | hsl(0, 7%, 25%) |
|
|
| 900 | oklch(0.287 0.009 17.68) | #2f2929 | hsl(0, 7%, 17%) |
|
|
| 950 | oklch(0.213 0.005 17.53) | #1b1818 | hsl(0, 6%, 10%) |
|
dsfds
| 50 | oklch(0.905 0.023 294.03) | #e0ddee | hsl(251, 33%, 90%) |
|
|
| 100 | oklch(0.860 0.036 294.45) | #d2cde7 | hsl(252, 35%, 85%) |
|
|
| 200 | oklch(0.817 0.046 293.69) | #c4bedf | hsl(251, 34%, 81%) |
|
|
| 300 | oklch(0.771 0.058 293.93) | #b6aed7 | hsl(252, 34%, 76%) |
|
|
| 400 | oklch(0.727 0.071 292.97) | #a89fd0 | hsl(251, 34%, 72%) |
|
|
| 500 | oklch(0.681 0.084 292.89) | #9a8fc8 | hsl(252, 34%, 67%) |
|
|
| 600 | oklch(0.565 0.117 291.14) | #7768b5 | hsl(252, 34%, 56%) |
|
|
| 700 | oklch(0.463 0.123 289.58) | #594a98 | hsl(252, 35%, 44%) |
|
|
| 800 | oklch(0.379 0.096 289.72) | #423771 | hsl(251, 35%, 33%) |
|
|
| 900 | oklch(0.288 0.066 290.32) | #2b2449 | hsl(251, 34%, 21%) |
|
|
| 950 | oklch(0.191 0.034 290.91) | #141122 | hsl(251, 33%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.030 246.60) | #d4e6f7 | hsl(209, 69%, 90%) |
|
|
| 100 | oklch(0.889 0.041 246.04) | #c5def5 | hsl(209, 71%, 87%) |
|
|
| 200 | oklch(0.863 0.051 245.70) | #b7d6f2 | hsl(208, 69%, 83%) |
|
|
| 300 | oklch(0.834 0.063 247.85) | #a9cdf0 | hsl(210, 70%, 80%) |
|
|
| 400 | oklch(0.807 0.072 247.49) | #9bc5ed | hsl(209, 69%, 77%) |
|
|
| 500 | oklch(0.781 0.083 247.87) | #8dbdeb | hsl(209, 70%, 74%) |
|
|
| 600 | oklch(0.679 0.124 249.19) | #569de1 | hsl(209, 70%, 61%) |
|
|
| 700 | oklch(0.582 0.152 251.58) | #257dd1 | hsl(209, 70%, 48%) |
|
|
| 800 | oklch(0.468 0.119 251.30) | #1b5c9a | hsl(209, 70%, 35%) |
|
|
| 900 | oklch(0.346 0.084 250.78) | #113b63 | hsl(209, 71%, 23%) |
|
|
| 950 | oklch(0.212 0.041 249.05) | #081a2b | hsl(209, 69%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.035 166.84) | #d7f4e7 | hsl(153, 57%, 90%) |
|
|
| 100 | oklch(0.928 0.044 165.26) | #cdf1e0 | hsl(152, 56%, 87%) |
|
|
| 200 | oklch(0.913 0.052 165.33) | #c3eeda | hsl(152, 56%, 85%) |
|
|
| 300 | oklch(0.901 0.062 164.68) | #b9ecd4 | hsl(152, 57%, 83%) |
|
|
| 400 | oklch(0.887 0.070 164.60) | #afe9ce | hsl(152, 57%, 80%) |
|
|
| 500 | oklch(0.873 0.078 164.45) | #a5e6c8 | hsl(152, 57%, 77%) |
|
|
| 600 | oklch(0.804 0.120 161.97) | #6fd7a7 | hsl(152, 57%, 64%) |
|
|
| 700 | oklch(0.742 0.154 158.44) | #39c886 | hsl(152, 57%, 50%) |
|
|
| 800 | oklch(0.594 0.123 158.29) | #299462 | hsl(152, 57%, 37%) |
|
|
| 900 | oklch(0.431 0.085 159.43) | #1a5e3f | hsl(153, 57%, 24%) |
|
|
| 950 | oklch(0.250 0.043 161.41) | #0b281b | hsl(153, 57%, 10%) |
|
dsfds
| 50 | oklch(0.959 0.054 126.61) | #e8f9d2 | hsl(86, 76%, 90%) |
|
|
| 100 | oklch(0.954 0.061 126.56) | #e5f8cc | hsl(86, 76%, 89%) |
|
|
| 200 | oklch(0.948 0.068 126.54) | #e2f7c6 | hsl(86, 75%, 87%) |
|
|
| 300 | oklch(0.945 0.075 127.27) | #dff7c1 | hsl(87, 77%, 86%) |
|
|
| 400 | oklch(0.940 0.082 127.24) | #dcf6bb | hsl(86, 77%, 85%) |
|
|
| 500 | oklch(0.934 0.089 127.23) | #d9f5b5 | hsl(86, 76%, 84%) |
|
|
| 600 | oklch(0.881 0.161 128.83) | #b7ec73 | hsl(86, 76%, 69%) |
|
|
| 700 | oklch(0.834 0.213 131.23) | #95e331 | hsl(86, 76%, 54%) |
|
|
| 800 | oklch(0.689 0.184 131.97) | #6eb118 | hsl(86, 76%, 39%) |
|
|
| 900 | oklch(0.492 0.128 131.55) | #456f0f | hsl(86, 76%, 25%) |
|
|
| 950 | oklch(0.273 0.065 130.18) | #1c2d06 | hsl(86, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
