Serene Color Palette
This serene palette, featuring soft mint greens and gentle grays, evokes a tranquil garden oasis, exuding a fresh, calming vibe perfect for a modern, minimalist aesthetic.
Practical uses and creative applications
The Serene Color Palette, featuring soothing shades like #ceebd1 and #b6deb9, is the perfect choice for anyone looking to evoke a sense of calm and tranquility in their projects. Ideal for branding in wellness and lifestyle industries, these gentle hues can be seamlessly integrated into web design to create an inviting, user-friendly experience.
Whether you’re designing a yoga studio's website or a mindfulness blog, this palette resonates with audiences seeking peace and relaxation. Creatives and designers will find the Serene Color Palette particularly useful in packaging, especially for products related to health, beauty, or organic foods.
The soft greens and muted grays lend an air of sophistication and sustainability, appealing to environmentally-conscious consumers. Additionally, this palette can transform interior spaces into serene sanctuaries, making it a great choice for anyone looking to design calming residential or commercial environments, such as spas or wellness retreats.
By incorporating these colors, you can create a cohesive and inviting atmosphere that resonates with your target audience.
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.934 0.034 148.04) | #dbf0dd | hsl(126, 41%, 90%) |
|
|
| 100 | oklch(0.930 0.036 149.10) | #d8efdb | hsl(128, 42%, 89%) |
|
|
| 200 | oklch(0.926 0.039 147.61) | #d6eed8 | hsl(125, 41%, 89%) |
|
|
| 300 | oklch(0.921 0.041 148.55) | #d3edd6 | hsl(127, 42%, 88%) |
|
|
| 400 | oklch(0.917 0.044 147.27) | #d1ecd3 | hsl(124, 42%, 87%) |
|
|
| 500 | oklch(0.912 0.046 148.11) | #ceebd1 | hsl(126, 42%, 86%) |
|
|
| 600 | oklch(0.814 0.099 147.08) | #97d49d | hsl(126, 41%, 71%) |
|
|
| 700 | oklch(0.723 0.151 145.97) | #5fbe69 | hsl(126, 42%, 56%) |
|
|
| 800 | oklch(0.592 0.141 145.40) | #3c9345 | hsl(126, 42%, 41%) |
|
|
| 900 | oklch(0.425 0.098 145.68) | #255c2b | hsl(127, 43%, 25%) |
|
|
| 950 | oklch(0.237 0.045 146.04) | #0f2411 | hsl(126, 41%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.031 146.80) | #dcefdd | hsl(123, 37%, 90%) |
|
|
| 100 | oklch(0.919 0.039 147.61) | #d4ecd6 | hsl(125, 39%, 88%) |
|
|
| 200 | oklch(0.904 0.044 147.27) | #cde8cf | hsl(124, 37%, 86%) |
|
|
| 300 | oklch(0.891 0.052 147.74) | #c5e5c8 | hsl(126, 38%, 84%) |
|
|
| 400 | oklch(0.876 0.058 146.60) | #bee1c0 | hsl(123, 37%, 81%) |
|
|
| 500 | oklch(0.862 0.066 146.99) | #b6deb9 | hsl(125, 38%, 79%) |
|
|
| 600 | oklch(0.772 0.111 146.18) | #85c88a | hsl(124, 38%, 65%) |
|
|
| 700 | oklch(0.686 0.151 145.16) | #55b25c | hsl(125, 38%, 52%) |
|
|
| 800 | oklch(0.550 0.124 144.98) | #3c8441 | hsl(124, 38%, 38%) |
|
|
| 900 | oklch(0.402 0.086 145.03) | #265429 | hsl(124, 38%, 24%) |
|
|
| 950 | oklch(0.234 0.042 145.21) | #102311 | hsl(123, 37%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.018 148.10) | #e0ebe1 | hsl(125, 22%, 90%) |
|
|
| 100 | oklch(0.908 0.023 147.43) | #d7e5d8 | hsl(124, 21%, 87%) |
|
|
| 200 | oklch(0.886 0.029 148.57) | #cddfcf | hsl(127, 22%, 84%) |
|
|
| 300 | oklch(0.862 0.033 148.16) | #c4d8c6 | hsl(126, 20%, 81%) |
|
|
| 400 | oklch(0.840 0.039 148.84) | #bad2bd | hsl(128, 21%, 78%) |
|
|
| 500 | oklch(0.818 0.044 148.31) | #b1ccb4 | hsl(127, 21%, 75%) |
|
|
| 600 | oklch(0.724 0.068 148.11) | #89b28e | hsl(127, 21%, 62%) |
|
|
| 700 | oklch(0.626 0.090 147.17) | #629768 | hsl(127, 21%, 49%) |
|
|
| 800 | oklch(0.503 0.069 147.65) | #486f4d | hsl(128, 21%, 36%) |
|
|
| 900 | oklch(0.371 0.048 147.54) | #2e4731 | hsl(127, 21%, 23%) |
|
|
| 950 | oklch(0.225 0.025 147.03) | #141f15 | hsl(125, 22%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.009 145.51) | #e3e8e3 | hsl(120, 10%, 90%) |
|
|
| 100 | oklch(0.898 0.014 145.46) | #d8e0d8 | hsl(120, 11%, 86%) |
|
|
| 200 | oklch(0.872 0.017 145.42) | #ced8ce | hsl(120, 11%, 83%) |
|
|
| 300 | oklch(0.844 0.022 147.60) | #c3d0c4 | hsl(125, 12%, 79%) |
|
|
| 400 | oklch(0.815 0.025 145.34) | #b9c7b9 | hsl(120, 11%, 75%) |
|
|
| 500 | oklch(0.787 0.029 146.94) | #aebfaf | hsl(124, 12%, 72%) |
|
|
| 600 | oklch(0.690 0.043 146.21) | #8ba38c | hsl(123, 12%, 59%) |
|
|
| 700 | oklch(0.590 0.052 145.80) | #6a866b | hsl(122, 12%, 47%) |
|
|
| 800 | oklch(0.476 0.041 146.14) | #4e634f | hsl(123, 12%, 35%) |
|
|
| 900 | oklch(0.355 0.029 146.84) | #324033 | hsl(124, 12%, 22%) |
|
|
| 950 | oklch(0.219 0.012 145.15) | #171c17 | hsl(120, 10%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.004 157.17) | #e4e7e5 | hsl(140, 6%, 90%) |
|
|
| 100 | oklch(0.888 0.005 145.53) | #d8dbd8 | hsl(120, 4%, 85%) |
|
|
| 200 | oklch(0.853 0.008 151.87) | #cbd0cc | hsl(132, 5%, 81%) |
|
|
| 300 | oklch(0.815 0.008 151.86) | #bfc4c0 | hsl(132, 4%, 76%) |
|
|
| 400 | oklch(0.778 0.011 149.82) | #b2b9b3 | hsl(129, 5%, 71%) |
|
|
| 500 | oklch(0.740 0.012 149.80) | #a6ada7 | hsl(129, 4%, 66%) |
|
|
| 600 | oklch(0.647 0.016 148.67) | #889189 | hsl(127, 4%, 55%) |
|
|
| 700 | oklch(0.549 0.015 152.38) | #6b746d | hsl(133, 4%, 44%) |
|
|
| 800 | oklch(0.449 0.013 149.63) | #505751 | hsl(129, 4%, 33%) |
|
|
| 900 | oklch(0.338 0.010 151.57) | #343935 | hsl(132, 5%, 21%) |
|
|
| 950 | oklch(0.218 0.006 156.70) | #181b19 | hsl(140, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
