Serene Pastel Color Palette
This palette radiates a soft, serene vibe with pastel greens and warm, creamy yellows, evoking a tranquil garden retreat bathed in gentle sunlight.
Practical uses and creative applications
The Serene Pastel Color Palette features a harmonious blend of soft hues, including #edffb3, #99928e, #bfe3c3, #dbedc2, and #fff2d4. This gentle palette is perfect for branding and web design, creating a calm and inviting atmosphere that resonates with audiences seeking tranquility.
Its pastel tones are ideal for businesses in wellness, beauty, and lifestyle sectors, where a soothing aesthetic can help establish a comforting brand identity. Designers and creatives will find the Serene Pastel Color Palette particularly beneficial for packaging designs that aim to evoke a sense of peace and serenity.
Whether it's for organic skincare products or artisanal goods, these colors enhance the product's appeal while aligning with consumer values centered around mindfulness and sustainability. Additionally, this palette works beautifully in interior design, making it a fantastic choice for creating serene spaces such as yoga studios, spas, or cozy cafes.
With its versatile application across different mediums, the Serene Pastel Color Palette is sure to inspire a sense of calm wherever it is used.
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.978 0.067 118.41) | #f3ffcc | hsl(74, 100%, 90%) |
|
|
| 100 | oklch(0.977 0.073 118.39) | #f2ffc7 | hsl(74, 100%, 89%) |
|
|
| 200 | oklch(0.975 0.080 118.40) | #f1ffc2 | hsl(74, 100%, 88%) |
|
|
| 300 | oklch(0.972 0.086 119.10) | #efffbd | hsl(75, 100%, 87%) |
|
|
| 400 | oklch(0.971 0.092 119.09) | #eeffb8 | hsl(74, 100%, 86%) |
|
|
| 500 | oklch(0.969 0.099 119.11) | #edffb3 | hsl(74, 100%, 85%) |
|
|
| 600 | oklch(0.945 0.181 121.17) | #dbff66 | hsl(74, 100%, 70%) |
|
|
| 700 | oklch(0.929 0.226 123.93) | #c9ff1a | hsl(74, 100%, 55%) |
|
|
| 800 | oklch(0.782 0.196 124.89) | #9ccc00 | hsl(74, 100%, 40%) |
|
|
| 900 | oklch(0.555 0.139 124.78) | #618000 | hsl(75, 100%, 25%) |
|
|
| 950 | oklch(0.299 0.073 122.78) | #273300 | hsl(74, 100%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.003 48.72) | #e7e5e4 | hsl(20, 6%, 90%) |
|
|
| 100 | oklch(0.874 0.004 67.78) | #d7d5d3 | hsl(30, 5%, 84%) |
|
|
| 200 | oklch(0.823 0.005 48.67) | #c8c4c2 | hsl(20, 5%, 77%) |
|
|
| 300 | oklch(0.770 0.007 53.42) | #b8b3b0 | hsl(22, 5%, 71%) |
|
|
| 400 | oklch(0.719 0.009 56.26) | #a9a39f | hsl(24, 5%, 64%) |
|
|
| 500 | oklch(0.665 0.010 52.03) | #99928e | hsl(22, 5%, 58%) |
|
|
| 600 | oklch(0.582 0.012 48.51) | #817975 | hsl(20, 5%, 48%) |
|
|
| 700 | oklch(0.498 0.010 44.78) | #68615e | hsl(18, 5%, 39%) |
|
|
| 800 | oklch(0.409 0.008 53.27) | #4e4946 | hsl(22, 5%, 29%) |
|
|
| 900 | oklch(0.316 0.006 56.19) | #34312f | hsl(24, 5%, 19%) |
|
|
| 950 | oklch(0.215 0.004 48.55) | #1b1918 | hsl(20, 6%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.030 148.39) | #dcefde | hsl(126, 37%, 90%) |
|
|
| 100 | oklch(0.923 0.037 147.74) | #d6edd8 | hsl(125, 39%, 88%) |
|
|
| 200 | oklch(0.912 0.041 148.55) | #d0ead3 | hsl(127, 38%, 87%) |
|
|
| 300 | oklch(0.902 0.047 149.01) | #cae8ce | hsl(128, 39%, 85%) |
|
|
| 400 | oklch(0.891 0.052 147.74) | #c5e5c8 | hsl(126, 38%, 84%) |
|
|
| 500 | oklch(0.881 0.058 148.17) | #bfe3c3 | hsl(127, 39%, 82%) |
|
|
| 600 | oklch(0.789 0.105 147.17) | #8ccd93 | hsl(126, 39%, 68%) |
|
|
| 700 | oklch(0.699 0.148 145.96) | #59b663 | hsl(126, 39%, 53%) |
|
|
| 800 | oklch(0.567 0.129 145.87) | #3c8a45 | hsl(127, 39%, 39%) |
|
|
| 900 | oklch(0.411 0.089 145.76) | #26572b | hsl(126, 39%, 25%) |
|
|
| 950 | oklch(0.234 0.041 146.51) | #102312 | hsl(126, 37%, 10%) |
|
dsfds
| 50 | oklch(0.949 0.037 125.22) | #e8f3d8 | hsl(84, 53%, 90%) |
|
|
| 100 | oklch(0.943 0.043 125.80) | #e5f2d3 | hsl(85, 54%, 89%) |
|
|
| 200 | oklch(0.939 0.047 125.56) | #e3f1cf | hsl(85, 55%, 88%) |
|
|
| 300 | oklch(0.934 0.052 126.46) | #e0f0cb | hsl(86, 55%, 87%) |
|
|
| 400 | oklch(0.927 0.055 125.22) | #deeec6 | hsl(84, 54%, 85%) |
|
|
| 500 | oklch(0.922 0.060 126.05) | #dbedc2 | hsl(85, 54%, 85%) |
|
|
| 600 | oklch(0.849 0.117 127.42) | #b8dc87 | hsl(85, 55%, 70%) |
|
|
| 700 | oklch(0.777 0.164 128.80) | #96ca4d | hsl(85, 54%, 55%) |
|
|
| 800 | oklch(0.640 0.148 129.74) | #6e9d2e | hsl(85, 55%, 40%) |
|
|
| 900 | oklch(0.458 0.102 129.31) | #45621d | hsl(85, 54%, 25%) |
|
|
| 950 | oklch(0.255 0.048 127.88) | #1c270c | hsl(84, 53%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.050 88.08) | #fff0cc | hsl(42, 100%, 90%) |
|
|
| 100 | oklch(0.958 0.047 87.03) | #fff0ce | hsl(42, 100%, 90%) |
|
|
| 200 | oklch(0.961 0.047 88.29) | #fff1cf | hsl(43, 100%, 91%) |
|
|
| 300 | oklch(0.961 0.044 87.19) | #fff1d1 | hsl(42, 100%, 91%) |
|
|
| 400 | oklch(0.963 0.044 88.53) | #fff2d2 | hsl(43, 100%, 91%) |
|
|
| 500 | oklch(0.964 0.042 87.36) | #fff2d4 | hsl(42, 100%, 92%) |
|
|
| 600 | oklch(0.899 0.115 86.74) | #ffd981 | hsl(42, 100%, 75%) |
|
|
| 700 | oklch(0.843 0.163 82.70) | #ffc02e | hsl(42, 100%, 59%) |
|
|
| 800 | oklch(0.725 0.151 78.11) | #d99800 | hsl(42, 100%, 43%) |
|
|
| 900 | oklch(0.511 0.106 79.65) | #865e00 | hsl(42, 100%, 26%) |
|
|
| 950 | oklch(0.271 0.056 85.04) | #332400 | hsl(42, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
