Serene Spring Color Palette
This palette exudes a serene and fresh vibe, blending soft pastel greens and creamy neutrals that evoke a tranquil garden in spring, perfect for a light, airy aesthetic.
Practical uses and creative applications
The Serene Spring Color Palette is a harmonious blend of soft hues that evoke tranquility and renewal, making it an ideal choice for projects centered around wellness, nature, and positivity. With its main colors#fcfef5 (whispering white), #e9ffe1 (gentle green), #cdcfb7 (earthy beige), #d6e6c3 (soft moss), and #fafbe3 (light cream)this palette is perfect for branding initiatives that aim to establish a calm and inviting identity.
It resonates particularly well with businesses in the health and beauty sector, eco-friendly brands, and lifestyle products that wish to convey a sense of freshness and rejuvenation. In web design, the Serene Spring Color Palette can create a soothing user experience, enhancing readability and engagement while embodying a gentle yet modern aesthetic.
It’s also an excellent choice for packaging design, particularly for organic or artisanal products, as these colors evoke a sense of naturalism and care. Interior designers and creatives looking to cultivate a serene atmosphere in residential or commercial spaces will find this palette equally appealing.
It’s especially suited for those seeking to create environments that promote relaxation and well-being, making it a go-to choice for spas, yoga studios, and tranquil home decor.
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.968 0.054 117.48) | #f1fad1 | hsl(73, 80%, 90%) |
|
|
| 100 | oklch(0.973 0.046 117.73) | #f3fbd8 | hsl(74, 81%, 92%) |
|
|
| 200 | oklch(0.978 0.039 118.15) | #f5fcdf | hsl(74, 83%, 93%) |
|
|
| 300 | oklch(0.984 0.031 116.93) | #f8fde6 | hsl(73, 85%, 95%) |
|
|
| 400 | oklch(0.988 0.020 115.95) | #fafdee | hsl(72, 79%, 96%) |
|
|
| 500 | oklch(0.993 0.012 116.80) | #fcfef5 | hsl(73, 82%, 98%) |
|
|
| 600 | oklch(0.941 0.106 118.56) | #e4f6a4 | hsl(73, 82%, 80%) |
|
|
| 700 | oklch(0.895 0.182 121.08) | #cbee52 | hsl(73, 82%, 63%) |
|
|
| 800 | oklch(0.802 0.193 123.19) | #a7d115 | hsl(73, 82%, 45%) |
|
|
| 900 | oklch(0.559 0.133 122.97) | #66800d | hsl(74, 82%, 28%) |
|
|
| 950 | oklch(0.283 0.062 121.30) | #252e05 | hsl(73, 80%, 10%) |
|
dsfds
| 50 | oklch(0.961 0.077 137.15) | #daffcc | hsl(104, 100%, 90%) |
|
|
| 100 | oklch(0.964 0.071 137.06) | #ddffd0 | hsl(103, 100%, 91%) |
|
|
| 200 | oklch(0.967 0.065 136.96) | #e0ffd4 | hsl(103, 100%, 92%) |
|
|
| 300 | oklch(0.970 0.058 137.45) | #e3ffd9 | hsl(104, 100%, 93%) |
|
|
| 400 | oklch(0.973 0.052 137.38) | #e6ffdd | hsl(104, 100%, 93%) |
|
|
| 500 | oklch(0.976 0.046 137.30) | #e9ffe1 | hsl(104, 100%, 94%) |
|
|
| 600 | oklch(0.920 0.171 137.83) | #aaff8b | hsl(104, 100%, 77%) |
|
|
| 700 | oklch(0.884 0.261 139.25) | #6bff35 | hsl(104, 100%, 60%) |
|
|
| 800 | oklch(0.789 0.258 140.73) | #3bdf00 | hsl(104, 100%, 44%) |
|
|
| 900 | oklch(0.551 0.179 140.39) | #248900 | hsl(104, 100%, 27%) |
|
|
| 950 | oklch(0.283 0.088 138.49) | #0e3300 | hsl(104, 100%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.015 110.89) | #eaebe0 | hsl(65, 22%, 90%) |
|
|
| 100 | oklch(0.918 0.017 110.30) | #e4e5d8 | hsl(65, 20%, 87%) |
|
|
| 200 | oklch(0.901 0.022 112.61) | #dee0d0 | hsl(68, 21%, 85%) |
|
|
| 300 | oklch(0.883 0.024 109.47) | #d9dac8 | hsl(63, 20%, 82%) |
|
|
| 400 | oklch(0.866 0.030 111.23) | #d3d5bf | hsl(65, 21%, 79%) |
|
|
| 500 | oklch(0.846 0.033 110.96) | #cdcfb7 | hsl(65, 20%, 76%) |
|
|
| 600 | oklch(0.758 0.052 111.31) | #b1b48e | hsl(65, 20%, 63%) |
|
|
| 700 | oklch(0.666 0.071 112.88) | #949966 | hsl(66, 20%, 50%) |
|
|
| 800 | oklch(0.533 0.054 112.00) | #6d704b | hsl(65, 20%, 37%) |
|
|
| 900 | oklch(0.389 0.037 112.14) | #454730 | hsl(65, 19%, 23%) |
|
|
| 950 | oklch(0.234 0.020 112.17) | #1e1f14 | hsl(65, 22%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.030 127.88) | #e6f0db | hsl(89, 41%, 90%) |
|
|
| 100 | oklch(0.934 0.034 127.23) | #e3eed6 | hsl(88, 41%, 89%) |
|
|
| 200 | oklch(0.927 0.038 126.74) | #e0ecd1 | hsl(87, 42%, 87%) |
|
|
| 300 | oklch(0.920 0.041 126.94) | #ddeacd | hsl(87, 41%, 86%) |
|
|
| 400 | oklch(0.911 0.046 127.82) | #d9e8c8 | hsl(88, 41%, 85%) |
|
|
| 500 | oklch(0.904 0.050 127.43) | #d6e6c3 | hsl(87, 41%, 83%) |
|
|
| 600 | oklch(0.819 0.094 128.19) | #b2d08e | hsl(87, 41%, 69%) |
|
|
| 700 | oklch(0.736 0.135 129.41) | #8eba59 | hsl(87, 41%, 54%) |
|
|
| 800 | oklch(0.600 0.120 129.93) | #688e3b | hsl(87, 41%, 39%) |
|
|
| 900 | oklch(0.431 0.083 129.85) | #415925 | hsl(88, 41%, 25%) |
|
|
| 950 | oklch(0.244 0.040 129.76) | #1a240f | hsl(89, 41%, 10%) |
|
dsfds
| 50 | oklch(0.971 0.051 109.71) | #f7f9d2 | hsl(63, 76%, 90%) |
|
|
| 100 | oklch(0.972 0.046 108.56) | #f8f9d6 | hsl(62, 74%, 91%) |
|
|
| 200 | oklch(0.975 0.043 110.01) | #f8fad9 | hsl(64, 77%, 92%) |
|
|
| 300 | oklch(0.977 0.039 108.66) | #f9fadc | hsl(62, 75%, 92%) |
|
|
| 400 | oklch(0.980 0.035 110.48) | #f9fbe0 | hsl(64, 77%, 93%) |
|
|
| 500 | oklch(0.981 0.031 108.91) | #fafbe3 | hsl(63, 75%, 94%) |
|
|
| 600 | oklch(0.933 0.110 110.03) | #edf098 | hsl(62, 75%, 77%) |
|
|
| 700 | oklch(0.893 0.169 111.93) | #dfe64e | hsl(63, 75%, 60%) |
|
|
| 800 | oklch(0.783 0.168 112.37) | #bbc21c | hsl(63, 75%, 44%) |
|
|
| 900 | oklch(0.548 0.116 112.08) | #737711 | hsl(62, 75%, 27%) |
|
|
| 950 | oklch(0.286 0.057 112.38) | #2b2d06 | hsl(63, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
