Serene Soft Color Palette
This palette exudes a soft, serene charm, blending muted sage green, warm taupe, blush pink, and creamy peach to create a cozy, inviting atmosphere reminiscent of a tranquil afternoon in a sunlit garden.
Practical uses and creative applications
The Serene Soft Color Palette is a harmonious blend of muted tones that evoke a sense of calm and tranquility. Featuring gentle shades like the cool minty green of #b7cbbf and the warm blush of #f9a799, this palette is ideal for brands aiming to convey soothing and approachable aesthetics.
Its soft hues are perfect for web design, where creating a peaceful user experience is paramount. Designers can utilize these colors to enhance wellness websites, lifestyle blogs, or any digital space that seeks to promote relaxation and comfort.
This palette is especially suited for creatives working in branding and packaging. The earthy tones of #8c886f and #f4bfad lend themselves beautifully to eco-friendly products or artisanal goods, appealing to a demographic that values sustainability and mindfulness.
Moreover, the light and airy #f5dabd can add a touch of elegance to interiors, making it an exceptional choice for home decor brands or interior designers looking to create serene living spaces. Whether you're a graphic designer, a product developer, or an interior stylist, the Serene Soft Color Palette provides a versatile and inviting foundation for various projects.
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.929 0.012 162.04) | #e1eae5 | hsl(147, 18%, 90%) |
|
|
| 100 | oklch(0.907 0.013 159.89) | #d9e3dd | hsl(144, 15%, 87%) |
|
|
| 200 | oklch(0.886 0.017 162.70) | #d0ddd6 | hsl(148, 16%, 84%) |
|
|
| 300 | oklch(0.865 0.020 159.69) | #c8d7ce | hsl(144, 16%, 81%) |
|
|
| 400 | oklch(0.844 0.024 161.64) | #bfd1c7 | hsl(147, 16%, 78%) |
|
|
| 500 | oklch(0.824 0.027 159.45) | #b7cbbf | hsl(144, 16%, 76%) |
|
|
| 600 | oklch(0.725 0.044 158.21) | #90af9c | hsl(143, 16%, 63%) |
|
|
| 700 | oklch(0.623 0.057 157.92) | #6a927a | hsl(144, 16%, 49%) |
|
|
| 800 | oklch(0.500 0.043 158.64) | #4e6b5a | hsl(145, 16%, 36%) |
|
|
| 900 | oklch(0.369 0.033 158.01) | #314539 | hsl(144, 17%, 23%) |
|
|
| 950 | oklch(0.224 0.016 160.42) | #151e19 | hsl(147, 18%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.007 106.53) | #e8e8e3 | hsl(60, 10%, 90%) |
|
|
| 100 | oklch(0.871 0.014 102.04) | #d6d5cb | hsl(55, 12%, 82%) |
|
|
| 200 | oklch(0.812 0.019 100.19) | #c4c2b4 | hsl(52, 12%, 74%) |
|
|
| 300 | oklch(0.749 0.024 98.75) | #b1ae9d | hsl(51, 11%, 65%) |
|
|
| 400 | oklch(0.687 0.030 98.24) | #9f9b86 | hsl(50, 12%, 57%) |
|
|
| 500 | oklch(0.623 0.036 99.82) | #8c886f | hsl(52, 12%, 49%) |
|
|
| 600 | oklch(0.550 0.032 98.38) | #76725d | hsl(50, 12%, 41%) |
|
|
| 700 | oklch(0.475 0.026 101.79) | #5f5d4c | hsl(54, 11%, 34%) |
|
|
| 800 | oklch(0.396 0.021 100.06) | #49473a | hsl(52, 11%, 26%) |
|
|
| 900 | oklch(0.312 0.016 96.83) | #333128 | hsl(49, 12%, 18%) |
|
|
| 950 | oklch(0.225 0.009 107.13) | #1c1c17 | hsl(60, 10%, 10%) |
|
dsfds
| 50 | oklch(0.904 0.045 28.27) | #fcd5cf | hsl(8, 88%, 90%) |
|
|
| 100 | oklch(0.885 0.056 29.20) | #fcccc4 | hsl(9, 90%, 88%) |
|
|
| 200 | oklch(0.865 0.066 30.07) | #fbc3b9 | hsl(9, 89%, 85%) |
|
|
| 300 | oklch(0.845 0.076 29.78) | #fabaaf | hsl(9, 88%, 83%) |
|
|
| 400 | oklch(0.824 0.089 29.37) | #fab0a4 | hsl(8, 90%, 81%) |
|
|
| 500 | oklch(0.805 0.100 30.07) | #f9a799 | hsl(9, 89%, 79%) |
|
|
| 600 | oklch(0.698 0.171 31.54) | #f56e57 | hsl(9, 89%, 65%) |
|
|
| 700 | oklch(0.624 0.226 31.97) | #f13514 | hsl(9, 89%, 51%) |
|
|
| 800 | oklch(0.501 0.184 31.66) | #b5230b | hsl(8, 89%, 38%) |
|
|
| 900 | oklch(0.362 0.128 31.92) | #721607 | hsl(8, 88%, 24%) |
|
|
| 950 | oklch(0.210 0.065 33.74) | #300903 | hsl(8, 88%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.035 39.98) | #f9dcd2 | hsl(15, 76%, 90%) |
|
|
| 100 | oklch(0.902 0.041 38.73) | #f8d6cb | hsl(15, 76%, 88%) |
|
|
| 200 | oklch(0.887 0.048 39.28) | #f7d0c3 | hsl(15, 76%, 87%) |
|
|
| 300 | oklch(0.875 0.053 40.14) | #f6cbbc | hsl(16, 76%, 85%) |
|
|
| 400 | oklch(0.861 0.060 40.41) | #f5c5b4 | hsl(16, 76%, 83%) |
|
|
| 500 | oklch(0.847 0.066 39.59) | #f4bfad | hsl(15, 76%, 82%) |
|
|
| 600 | oklch(0.735 0.124 40.02) | #eb8d6c | hsl(16, 76%, 67%) |
|
|
| 700 | oklch(0.639 0.181 38.06) | #e35a2c | hsl(15, 77%, 53%) |
|
|
| 800 | oklch(0.517 0.154 37.90) | #ae3e17 | hsl(15, 77%, 39%) |
|
|
| 900 | oklch(0.375 0.107 38.06) | #6e270f | hsl(15, 76%, 25%) |
|
|
| 950 | oklch(0.216 0.051 40.04) | #2d1006 | hsl(15, 76%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.032 68.93) | #f8e6d3 | hsl(31, 73%, 90%) |
|
|
| 100 | oklch(0.929 0.037 70.01) | #f8e4ce | hsl(31, 75%, 89%) |
|
|
| 200 | oklch(0.922 0.039 68.56) | #f7e1ca | hsl(31, 74%, 88%) |
|
|
| 300 | oklch(0.916 0.042 69.60) | #f6dfc6 | hsl(31, 73%, 87%) |
|
|
| 400 | oklch(0.909 0.046 68.26) | #f6dcc1 | hsl(31, 75%, 86%) |
|
|
| 500 | oklch(0.903 0.049 69.15) | #f5dabd | hsl(31, 74%, 85%) |
|
|
| 600 | oklch(0.809 0.098 68.17) | #ebb57a | hsl(31, 74%, 70%) |
|
|
| 700 | oklch(0.720 0.140 63.33) | #e18f38 | hsl(31, 74%, 55%) |
|
|
| 800 | oklch(0.589 0.126 61.67) | #b1691b | hsl(31, 74%, 40%) |
|
|
| 900 | oklch(0.422 0.087 61.65) | #6f4111 | hsl(31, 73%, 25%) |
|
|
| 950 | oklch(0.237 0.042 65.06) | #2c1a07 | hsl(31, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
