Refreshing Spring Color Palette
This palette exudes a refreshing spring vibe with its vibrant teal, soft mint, sunny yellow, playful coral, and bold magenta, evoking a sense of joyful energy and youthful exuberance.
Practical uses and creative applications
The Refreshing Spring Color Palette is a vibrant and uplifting collection that embodies the essence of renewal and vitality. Featuring shades like the tranquil #4eb3de, the soothing #8de0a6, the cheerful #fcf09f, and the bold #f27c7c and #de528c, this palette is perfect for brands looking to evoke a sense of freshness and optimism.
Whether you're in branding, web design, or packaging, incorporating these colors can help you create a visually engaging experience that resonates with your audience. Ideal for designers and creatives in the lifestyle, fashion, or wellness industries, this color palette works beautifully in interior design as well, bringing a light and airy feel to any space.
Use it to craft eye-catching marketing materials or to create inviting online experiences that reflect a modern and cheerful aesthetic. This palette not only enhances the visual appeal but also communicates a mood of joy and renewal, making it a great choice for spring campaigns, product launches, or seasonal branding efforts.
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.931 0.030 223.77) | #d4edf7 | hsl(197, 69%, 90%) |
|
|
| 100 | oklch(0.887 0.048 225.56) | #b9e1f2 | hsl(198, 69%, 84%) |
|
|
| 200 | oklch(0.845 0.066 225.25) | #9ed6ed | hsl(197, 69%, 77%) |
|
|
| 300 | oklch(0.803 0.082 226.96) | #84cae8 | hsl(198, 68%, 71%) |
|
|
| 400 | oklch(0.764 0.098 227.40) | #69bfe3 | hsl(198, 69%, 65%) |
|
|
| 500 | oklch(0.725 0.112 229.25) | #4eb3de | hsl(198, 69%, 59%) |
|
|
| 600 | oklch(0.665 0.125 232.12) | #27a0d3 | hsl(198, 69%, 49%) |
|
|
| 700 | oklch(0.565 0.105 231.94) | #1f80a9 | hsl(198, 69%, 39%) |
|
|
| 800 | oklch(0.461 0.084 231.85) | #18607f | hsl(198, 68%, 30%) |
|
|
| 900 | oklch(0.351 0.062 231.53) | #104055 | hsl(198, 68%, 20%) |
|
|
| 950 | oklch(0.234 0.036 227.68) | #08212b | hsl(197, 69%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.040 155.43) | #d7f4e0 | hsl(139, 57%, 90%) |
|
|
| 100 | oklch(0.919 0.056 154.65) | #c8f0d4 | hsl(138, 57%, 86%) |
|
|
| 200 | oklch(0.898 0.071 154.78) | #b9ecc9 | hsl(139, 57%, 83%) |
|
|
| 300 | oklch(0.878 0.086 153.66) | #abe8bd | hsl(138, 57%, 79%) |
|
|
| 400 | oklch(0.858 0.100 153.58) | #9ce4b2 | hsl(138, 57%, 75%) |
|
|
| 500 | oklch(0.838 0.115 152.90) | #8de0a6 | hsl(138, 57%, 72%) |
|
|
| 600 | oklch(0.778 0.161 150.63) | #5cd37f | hsl(138, 57%, 59%) |
|
|
| 700 | oklch(0.702 0.178 148.88) | #33bc5c | hsl(138, 57%, 47%) |
|
|
| 800 | oklch(0.563 0.140 149.06) | #268b44 | hsl(138, 57%, 35%) |
|
|
| 900 | oklch(0.411 0.098 149.77) | #18592c | hsl(138, 58%, 22%) |
|
|
| 950 | oklch(0.248 0.051 151.07) | #0b2814 | hsl(139, 57%, 10%) |
|
dsfds
| 50 | oklch(0.971 0.053 100.43) | #fdf7ce | hsl(52, 92%, 90%) |
|
|
| 100 | oklch(0.966 0.065 100.87) | #fdf6c4 | hsl(53, 93%, 88%) |
|
|
| 200 | oklch(0.961 0.073 100.11) | #fdf4bb | hsl(52, 94%, 86%) |
|
|
| 300 | oklch(0.957 0.083 100.41) | #fdf3b2 | hsl(52, 95%, 85%) |
|
|
| 400 | oklch(0.950 0.093 100.65) | #fcf1a8 | hsl(52, 93%, 82%) |
|
|
| 500 | oklch(0.947 0.102 100.85) | #fcf09f | hsl(52, 94%, 81%) |
|
|
| 600 | oklch(0.914 0.158 100.73) | #fae559 | hsl(52, 94%, 66%) |
|
|
| 700 | oklch(0.886 0.181 98.97) | #f8da13 | hsl(52, 94%, 52%) |
|
|
| 800 | oklch(0.721 0.148 98.65) | #bda506 | hsl(52, 94%, 38%) |
|
|
| 900 | oklch(0.516 0.106 99.17) | #776804 | hsl(52, 93%, 24%) |
|
|
| 950 | oklch(0.287 0.058 100.75) | #312b02 | hsl(52, 92%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.046 18.05) | #fad1d1 | hsl(0, 80%, 90%) |
|
|
| 100 | oklch(0.859 0.066 18.52) | #f9c0c0 | hsl(0, 83%, 86%) |
|
|
| 200 | oklch(0.822 0.085 19.04) | #f7afaf | hsl(0, 82%, 83%) |
|
|
| 300 | oklch(0.786 0.104 19.67) | #f59e9e | hsl(0, 81%, 79%) |
|
|
| 400 | oklch(0.753 0.125 20.45) | #f48d8d | hsl(0, 82%, 75%) |
|
|
| 500 | oklch(0.720 0.145 21.33) | #f27c7c | hsl(0, 82%, 72%) |
|
|
| 600 | oklch(0.631 0.206 25.33) | #ec4343 | hsl(0, 82%, 59%) |
|
|
| 700 | oklch(0.564 0.222 28.35) | #da1616 | hsl(0, 82%, 47%) |
|
|
| 800 | oklch(0.452 0.176 28.14) | #a11010 | hsl(0, 82%, 35%) |
|
|
| 900 | oklch(0.332 0.126 27.64) | #680a0a | hsl(0, 82%, 22%) |
|
|
| 950 | oklch(0.199 0.068 25.83) | #2e0505 | hsl(0, 80%, 10%) |
|
dsfds
| 50 | oklch(0.904 0.044 350.30) | #f7d4e3 | hsl(334, 69%, 90%) |
|
|
| 100 | oklch(0.846 0.071 352.24) | #f2bad1 | hsl(335, 68%, 84%) |
|
|
| 200 | oklch(0.790 0.099 353.04) | #eda0c0 | hsl(335, 68%, 78%) |
|
|
| 300 | oklch(0.737 0.128 354.16) | #e886af | hsl(335, 68%, 72%) |
|
|
| 400 | oklch(0.686 0.156 356.11) | #e36c9d | hsl(335, 68%, 66%) |
|
|
| 500 | oklch(0.641 0.182 357.91) | #de528c | hsl(335, 68%, 60%) |
|
|
| 600 | oklch(0.580 0.210 2.30) | #d52970 | hsl(335, 68%, 50%) |
|
|
| 700 | oklch(0.492 0.177 1.55) | #aa205a | hsl(335, 68%, 40%) |
|
|
| 800 | oklch(0.402 0.142 1.48) | #801843 | hsl(335, 68%, 30%) |
|
|
| 900 | oklch(0.306 0.103 0.03) | #55102d | hsl(335, 68%, 20%) |
|
|
| 950 | oklch(0.204 0.061 357.38) | #2b0817 | hsl(334, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
