Fresh Spring Color Palette
This palette radiates a fresh, uplifting vibe with soft greens and muted blushes, accented by a vibrant pop of fuchsia, creating a harmonious blend of tranquility and playful energy.
Practical uses and creative applications
The Fresh Spring Color Palette is a vibrant and rejuvenating combination perfect for projects that aim to evoke feelings of renewal and positivity. Featuring soft greens like #f4fce2 and #d3ebc7, complemented by earthy tones such as #aabfaa, and a pop of lively pink (#fc0284), this palette is ideal for branding and web design that seeks to connect with audiences looking for freshness and inspiration.
Whether you’re designing a website for an organic skincare line or a spring-themed event, these colors can help convey a sense of vitality and approachability. Ideal for designers and creatives in the fashion, beauty, or lifestyle sectors, the Fresh Spring Color Palette can also enhance packaging designs, making products stand out on the shelf.
The harmonious blend of soothing pastels and bold accents creates an inviting atmosphere, perfect for interiors that aim to bring a touch of nature indoors. From boutique cafés to wellness centers, using this palette can transform spaces into refreshing retreats that resonate with both customers and clients alike.
Embrace the essence of spring and let this palette inspire your next creative endeavor!.
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.965 0.055 121.74) | #edfad1 | hsl(79, 80%, 90%) |
|
|
100 | oklch(0.969 0.052 121.29) | #effbd4 | hsl(78, 83%, 91%) |
|
|
200 | oklch(0.971 0.047 121.48) | #f0fbd8 | hsl(79, 81%, 92%) |
|
|
300 | oklch(0.972 0.043 121.33) | #f1fbdb | hsl(79, 80%, 92%) |
|
|
400 | oklch(0.977 0.039 121.16) | #f3fcdf | hsl(79, 83%, 93%) |
|
|
500 | oklch(0.978 0.035 120.98) | #f4fce2 | hsl(78, 81%, 94%) |
|
|
600 | oklch(0.925 0.124 122.68) | #d7f495 | hsl(78, 81%, 77%) |
|
|
700 | oklch(0.878 0.194 125.29) | #b9ec47 | hsl(79, 81%, 60%) |
|
|
800 | oklch(0.769 0.194 127.12) | #92c915 | hsl(78, 81%, 44%) |
|
|
900 | oklch(0.540 0.134 126.75) | #5a7c0d | hsl(78, 81%, 27%) |
|
|
950 | oklch(0.280 0.064 125.71) | #212e05 | hsl(79, 80%, 10%) |
|
dsfds
50 | oklch(0.942 0.038 135.49) | #e1f2d9 | hsl(101, 49%, 90%) |
|
|
100 | oklch(0.936 0.039 134.59) | #dff0d6 | hsl(99, 46%, 89%) |
|
|
200 | oklch(0.930 0.043 134.67) | #dcefd2 | hsl(99, 48%, 88%) |
|
|
300 | oklch(0.925 0.048 134.74) | #d9eece | hsl(99, 48%, 87%) |
|
|
400 | oklch(0.918 0.050 135.11) | #d6eccb | hsl(100, 46%, 86%) |
|
|
500 | oklch(0.913 0.054 135.13) | #d3ebc7 | hsl(100, 47%, 85%) |
|
|
600 | oklch(0.828 0.109 135.59) | #a7d78f | hsl(100, 47%, 70%) |
|
|
700 | oklch(0.745 0.161 136.48) | #7ac356 | hsl(100, 48%, 55%) |
|
|
800 | oklch(0.609 0.146 136.74) | #569636 | hsl(100, 47%, 40%) |
|
|
900 | oklch(0.438 0.100 136.57) | #365e22 | hsl(100, 47%, 25%) |
|
|
950 | oklch(0.246 0.050 136.58) | #15260d | hsl(101, 49%, 10%) |
|
dsfds
50 | oklch(0.927 0.012 145.48) | #e2e9e2 | hsl(120, 14%, 90%) |
|
|
100 | oklch(0.899 0.017 145.43) | #d7e1d7 | hsl(120, 14%, 86%) |
|
|
200 | oklch(0.870 0.021 145.39) | #ccd8cc | hsl(120, 13%, 82%) |
|
|
300 | oklch(0.841 0.028 145.32) | #c0d0c0 | hsl(120, 15%, 78%) |
|
|
400 | oklch(0.811 0.032 145.28) | #b5c7b5 | hsl(120, 14%, 75%) |
|
|
500 | oklch(0.783 0.037 145.21) | #aabfaa | hsl(120, 14%, 71%) |
|
|
600 | oklch(0.688 0.053 144.97) | #87a487 | hsl(120, 14%, 59%) |
|
|
700 | oklch(0.589 0.062 144.74) | #668766 | hsl(120, 14%, 46%) |
|
|
800 | oklch(0.476 0.050 144.74) | #4b644b | hsl(120, 14%, 34%) |
|
|
900 | oklch(0.353 0.032 144.86) | #314031 | hsl(120, 13%, 22%) |
|
|
950 | oklch(0.221 0.017 144.97) | #161d16 | hsl(120, 14%, 10%) |
|
dsfds
50 | oklch(0.916 0.013 23.20) | #ece0df | hsl(5, 25%, 90%) |
|
|
100 | oklch(0.875 0.020 25.19) | #e3d1cf | hsl(6, 26%, 85%) |
|
|
200 | oklch(0.834 0.027 23.42) | #dac2c0 | hsl(5, 26%, 80%) |
|
|
300 | oklch(0.794 0.034 24.88) | #d1b4b1 | hsl(6, 26%, 76%) |
|
|
400 | oklch(0.752 0.042 25.75) | #c8a5a1 | hsl(6, 26%, 71%) |
|
|
500 | oklch(0.710 0.050 24.84) | #bf9692 | hsl(5, 26%, 66%) |
|
|
600 | oklch(0.611 0.071 25.08) | #aa736e | hsl(5, 26%, 55%) |
|
|
700 | oklch(0.515 0.071 25.68) | #8c5752 | hsl(5, 26%, 44%) |
|
|
800 | oklch(0.420 0.055 26.06) | #68413d | hsl(6, 26%, 32%) |
|
|
900 | oklch(0.319 0.038 26.94) | #442b28 | hsl(6, 26%, 21%) |
|
|
950 | oklch(0.207 0.020 24.31) | #201413 | hsl(5, 25%, 10%) |
|
dsfds
50 | oklch(0.897 0.067 345.43) | #ffcce7 | hsl(328, 100%, 90%) |
|
|
100 | oklch(0.821 0.120 347.47) | #fea4d3 | hsl(329, 98%, 82%) |
|
|
200 | oklch(0.754 0.175 349.75) | #fe7bbf | hsl(329, 98%, 74%) |
|
|
300 | oklch(0.699 0.222 352.56) | #fe52ab | hsl(329, 99%, 66%) |
|
|
400 | oklch(0.662 0.251 355.83) | #fd2a98 | hsl(329, 98%, 58%) |
|
|
500 | oklch(0.642 0.259 0.75) | #fc0284 | hsl(329, 98%, 50%) |
|
|
600 | oklch(0.564 0.228 0.41) | #d4026f | hsl(329, 98%, 42%) |
|
|
700 | oklch(0.481 0.195 359.64) | #ab015a | hsl(329, 99%, 34%) |
|
|
800 | oklch(0.396 0.160 358.81) | #830145 | hsl(329, 98%, 26%) |
|
|
900 | oklch(0.307 0.124 357.39) | #5b0130 | hsl(329, 98%, 18%) |
|
|
950 | oklch(0.210 0.087 353.93) | #33001b | hsl(328, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.