Refreshing Spring Color Palette
This palette radiates a refreshing, playful energy with soothing mint greens, sunny yellows, and vibrant coral, evoking a cheerful spring afternoon filled with blossoming flowers and laughter.
Practical uses and creative applications
The Refreshing Spring Color Palette brings a vibrant yet soothing blend of colors that perfectly captures the essence of renewal and growth. Featuring serene greens like #67be9b and #95d0b8, complemented by the warm, cheerful tones of #fcfcd7, #f1db42, and the bold accent of #f04158, this palette is ideal for designers looking to evoke feelings of freshness and optimism.
Whether you're working on branding for an eco-friendly product, creating a lively website for a spring event, or designing packaging that stands out on the shelf, these colors can elevate your project to new heights. This color palette is particularly suited for creatives in industries like wellness, fashion, and lifestyle, where a connection to nature and vitality is essential.
Interior designers can also leverage the Refreshing Spring Color Palette to create inviting spaces that inspire and rejuvenate. It’s a perfect choice for cafes, boutiques, or any environment that aims to create a cheerful ambiance.
By using this palette, you can effortlessly convey a sense of joy and renewal, making it an excellent choice for anyone looking to breathe new life into their designs.
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.937 0.025 168.23) | #dbf0e7 | hsl(154, 41%, 90%) |
|
|
| 100 | oklch(0.896 0.040 168.60) | #c4e6d8 | hsl(155, 40%, 84%) |
|
|
| 200 | oklch(0.856 0.056 168.37) | #addcc9 | hsl(156, 40%, 77%) |
|
|
| 300 | oklch(0.816 0.070 167.85) | #96d2ba | hsl(156, 40%, 71%) |
|
|
| 400 | oklch(0.776 0.086 166.57) | #7ec8aa | hsl(156, 40%, 64%) |
|
|
| 500 | oklch(0.737 0.100 165.65) | #67be9b | hsl(156, 40%, 57%) |
|
|
| 600 | oklch(0.672 0.110 164.34) | #49ab84 | hsl(156, 40%, 48%) |
|
|
| 700 | oklch(0.572 0.092 164.58) | #3b896a | hsl(156, 40%, 38%) |
|
|
| 800 | oklch(0.470 0.074 164.56) | #2c6850 | hsl(156, 41%, 29%) |
|
|
| 900 | oklch(0.360 0.054 165.06) | #1e4636 | hsl(156, 40%, 20%) |
|
|
| 950 | oklch(0.239 0.033 164.25) | #0f241b | hsl(154, 41%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.023 168.72) | #dcefe7 | hsl(155, 37%, 90%) |
|
|
| 100 | oklch(0.911 0.032 169.16) | #cee9de | hsl(156, 38%, 86%) |
|
|
| 200 | oklch(0.886 0.043 168.22) | #bfe3d4 | hsl(155, 39%, 82%) |
|
|
| 300 | oklch(0.861 0.052 168.25) | #b1ddcb | hsl(155, 39%, 78%) |
|
|
| 400 | oklch(0.835 0.061 167.69) | #a3d6c1 | hsl(155, 38%, 74%) |
|
|
| 500 | oklch(0.810 0.070 167.49) | #95d0b8 | hsl(156, 39%, 70%) |
|
|
| 600 | oklch(0.737 0.095 165.96) | #6bbd9c | hsl(156, 38%, 58%) |
|
|
| 700 | oklch(0.650 0.104 164.09) | #48a37e | hsl(156, 39%, 46%) |
|
|
| 800 | oklch(0.521 0.081 164.52) | #35785d | hsl(156, 39%, 34%) |
|
|
| 900 | oklch(0.387 0.058 164.50) | #224e3c | hsl(155, 39%, 22%) |
|
|
| 950 | oklch(0.237 0.030 165.12) | #10231b | hsl(155, 37%, 10%) |
|
dsfds
| 50 | oklch(0.977 0.056 107.39) | #fbfbd0 | hsl(60, 84%, 90%) |
|
|
| 100 | oklch(0.980 0.056 107.38) | #fcfcd1 | hsl(60, 88%, 90%) |
|
|
| 200 | oklch(0.981 0.053 107.34) | #fcfcd3 | hsl(60, 87%, 91%) |
|
|
| 300 | oklch(0.981 0.052 107.32) | #fcfcd4 | hsl(60, 87%, 91%) |
|
|
| 400 | oklch(0.981 0.049 107.27) | #fcfcd6 | hsl(60, 86%, 91%) |
|
|
| 500 | oklch(0.982 0.048 107.25) | #fcfcd7 | hsl(60, 86%, 92%) |
|
|
| 600 | oklch(0.951 0.131 108.65) | #f6f68a | hsl(60, 86%, 75%) |
|
|
| 700 | oklch(0.926 0.186 109.54) | #f0f03c | hsl(60, 86%, 59%) |
|
|
| 800 | oklch(0.812 0.175 109.73) | #caca0f | hsl(60, 86%, 43%) |
|
|
| 900 | oklch(0.571 0.122 109.71) | #7d7d09 | hsl(60, 87%, 26%) |
|
|
| 950 | oklch(0.296 0.060 109.58) | #2f2f04 | hsl(60, 84%, 10%) |
|
dsfds
| 50 | oklch(0.967 0.050 101.08) | #fbf6d0 | hsl(53, 84%, 90%) |
|
|
| 100 | oklch(0.950 0.080 101.58) | #f9f1b3 | hsl(53, 85%, 84%) |
|
|
| 200 | oklch(0.931 0.105 101.16) | #f7eb97 | hsl(53, 86%, 78%) |
|
|
| 300 | oklch(0.915 0.129 101.41) | #f5e67b | hsl(53, 86%, 72%) |
|
|
| 400 | oklch(0.898 0.150 101.02) | #f3e05e | hsl(52, 86%, 66%) |
|
|
| 500 | oklch(0.884 0.165 100.82) | #f1db42 | hsl(52, 86%, 60%) |
|
|
| 600 | oklch(0.860 0.176 99.71) | #edd212 | hsl(53, 86%, 50%) |
|
|
| 700 | oklch(0.729 0.149 99.65) | #bea80e | hsl(53, 86%, 40%) |
|
|
| 800 | oklch(0.591 0.120 99.51) | #8f7e0b | hsl(52, 86%, 30%) |
|
|
| 900 | oklch(0.443 0.089 100.16) | #5f5407 | hsl(53, 86%, 20%) |
|
|
| 950 | oklch(0.282 0.055 101.70) | #2f2a04 | hsl(53, 84%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.049 10.22) | #fbd0d5 | hsl(353, 84%, 90%) |
|
|
| 100 | oklch(0.835 0.082 10.48) | #f9b3bc | hsl(352, 85%, 84%) |
|
|
| 200 | oklch(0.778 0.116 12.03) | #f797a3 | hsl(353, 86%, 78%) |
|
|
| 300 | oklch(0.725 0.151 13.46) | #f57a8a | hsl(352, 86%, 72%) |
|
|
| 400 | oklch(0.677 0.182 15.74) | #f25e71 | hsl(352, 85%, 66%) |
|
|
| 500 | oklch(0.639 0.210 18.47) | #f04158 | hsl(352, 85%, 60%) |
|
|
| 600 | oklch(0.599 0.236 24.26) | #ec132f | hsl(352, 85%, 50%) |
|
|
| 700 | oklch(0.508 0.199 23.77) | #bd0f26 | hsl(352, 85%, 40%) |
|
|
| 800 | oklch(0.411 0.159 23.24) | #8d0b1c | hsl(352, 86%, 30%) |
|
|
| 900 | oklch(0.310 0.117 21.70) | #5e0713 | hsl(352, 86%, 20%) |
|
|
| 950 | oklch(0.201 0.070 18.79) | #2f0409 | hsl(353, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
