Dreamy Spring Color Palette
This soft, dreamy palette blends sunny yellows and gentle pastels, evoking a whimsical, airy vibe reminiscent of a sunlit garden in early spring.
Practical uses and creative applications
The Dreamy Spring Color Palette is a delightful blend of soft pastels that evoke feelings of warmth and renewal. Featuring hues like the sunny #fdec6f and the gentle #f2e9b0, this palette is perfect for branding projects that aim to convey a sense of freshness and optimism.
Ideal for businesses in the wellness, beauty, and lifestyle sectors, these colors can create an inviting atmosphere that resonates with customers looking for a touch of positivity in their lives. In web design, the Dreamy Spring Palette can be utilized to create visually appealing and user-friendly interfaces.
The subtle tones of #ecdfdb, #ede3fb, and #fedfae work harmoniously to enhance readability while maintaining a light and airy feel. Designers and creatives can leverage this palette for packaging designs, as it adds a charming touch that captures attention on shelves.
Whether you're designing a spring-themed event, a new product line, or refreshing your online presence, this color combination is sure to inspire a sense of joy and tranquility.
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.973 0.056 100.78) | #fef8cd | hsl(53, 96%, 90%) |
|
|
| 100 | oklch(0.965 0.077 101.33) | #fef6ba | hsl(53, 97%, 86%) |
|
|
| 200 | oklch(0.956 0.096 100.97) | #fef3a7 | hsl(52, 98%, 83%) |
|
|
| 300 | oklch(0.949 0.115 101.36) | #fef194 | hsl(53, 98%, 79%) |
|
|
| 400 | oklch(0.939 0.130 101.48) | #fdee82 | hsl(53, 97%, 75%) |
|
|
| 500 | oklch(0.933 0.146 101.64) | #fdec6f | hsl(53, 97%, 71%) |
|
|
| 600 | oklch(0.911 0.179 101.03) | #fce431 | hsl(53, 97%, 59%) |
|
|
| 700 | oklch(0.855 0.177 99.39) | #ecd003 | hsl(53, 97%, 47%) |
|
|
| 800 | oklch(0.681 0.141 99.42) | #ae9902 | hsl(53, 98%, 35%) |
|
|
| 900 | oklch(0.497 0.103 100.27) | #706302 | hsl(53, 96%, 22%) |
|
|
| 950 | oklch(0.291 0.060 101.12) | #322c01 | hsl(53, 96%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.042 99.83) | #f8f3d3 | hsl(52, 73%, 90%) |
|
|
| 100 | oklch(0.953 0.049 99.64) | #f7f1cc | hsl(52, 73%, 88%) |
|
|
| 200 | oklch(0.946 0.055 100.63) | #f5efc5 | hsl(53, 71%, 87%) |
|
|
| 300 | oklch(0.940 0.061 100.43) | #f4edbe | hsl(52, 71%, 85%) |
|
|
| 400 | oklch(0.934 0.068 100.27) | #f3ebb7 | hsl(52, 71%, 84%) |
|
|
| 500 | oklch(0.927 0.074 100.15) | #f2e9b0 | hsl(52, 72%, 82%) |
|
|
| 600 | oklch(0.872 0.125 100.01) | #e8d771 | hsl(51, 72%, 68%) |
|
|
| 700 | oklch(0.822 0.157 99.90) | #ddc632 | hsl(52, 72%, 53%) |
|
|
| 800 | oklch(0.673 0.132 99.65) | #aa971c | hsl(52, 72%, 39%) |
|
|
| 900 | oklch(0.483 0.093 99.82) | #6b5f12 | hsl(52, 71%, 25%) |
|
|
| 950 | oklch(0.271 0.048 100.35) | #2c2707 | hsl(52, 73%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.014 34.30) | #ede1de | hsl(12, 29%, 90%) |
|
|
| 100 | oklch(0.918 0.014 39.41) | #ede1dd | hsl(15, 31%, 90%) |
|
|
| 200 | oklch(0.916 0.015 33.07) | #ede0dd | hsl(11, 31%, 90%) |
|
|
| 300 | oklch(0.916 0.015 37.87) | #ede0dc | hsl(14, 32%, 90%) |
|
|
| 400 | oklch(0.913 0.015 33.07) | #ecdfdc | hsl(11, 30%, 89%) |
|
|
| 500 | oklch(0.913 0.015 37.87) | #ecdfdb | hsl(14, 31%, 89%) |
|
|
| 600 | oklch(0.782 0.040 38.08) | #d0b0a6 | hsl(14, 31%, 73%) |
|
|
| 700 | oklch(0.650 0.068 38.14) | #b48171 | hsl(14, 31%, 57%) |
|
|
| 800 | oklch(0.515 0.071 38.50) | #8b5949 | hsl(15, 31%, 42%) |
|
|
| 900 | oklch(0.371 0.047 36.90) | #56372e | hsl(14, 30%, 26%) |
|
|
| 950 | oklch(0.210 0.021 34.52) | #211512 | hsl(12, 29%, 10%) |
|
dsfds
| 50 | oklch(0.889 0.055 303.90) | #e2d2f9 | hsl(265, 76%, 90%) |
|
|
| 100 | oklch(0.898 0.050 303.55) | #e4d6f9 | hsl(264, 74%, 91%) |
|
|
| 200 | oklch(0.907 0.047 304.66) | #e7d9fa | hsl(265, 77%, 92%) |
|
|
| 300 | oklch(0.914 0.043 305.12) | #e9dcfa | hsl(266, 75%, 92%) |
|
|
| 400 | oklch(0.924 0.038 304.08) | #ebe0fb | hsl(264, 77%, 93%) |
|
|
| 500 | oklch(0.931 0.034 304.54) | #ede3fb | hsl(265, 75%, 94%) |
|
|
| 600 | oklch(0.746 0.129 302.74) | #bd98f0 | hsl(265, 75%, 77%) |
|
|
| 700 | oklch(0.577 0.218 298.25) | #8d4ee6 | hsl(265, 75%, 60%) |
|
|
| 800 | oklch(0.446 0.227 293.21) | #611cc2 | hsl(265, 75%, 44%) |
|
|
| 900 | oklch(0.319 0.155 294.72) | #3c1177 | hsl(265, 75%, 27%) |
|
|
| 950 | oklch(0.179 0.074 297.39) | #16062d | hsl(265, 76%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.044 79.31) | #feebcd | hsl(37, 96%, 90%) |
|
|
| 100 | oklch(0.942 0.051 80.53) | #fee9c6 | hsl(38, 97%, 89%) |
|
|
| 200 | oklch(0.935 0.056 79.26) | #fee6c0 | hsl(37, 97%, 87%) |
|
|
| 300 | oklch(0.930 0.062 79.68) | #fee4ba | hsl(37, 97%, 86%) |
|
|
| 400 | oklch(0.923 0.066 78.64) | #fee1b4 | hsl(36, 97%, 85%) |
|
|
| 500 | oklch(0.918 0.072 79.01) | #fedfae | hsl(37, 98%, 84%) |
|
|
| 600 | oklch(0.849 0.130 77.10) | #fdc264 | hsl(37, 97%, 69%) |
|
|
| 700 | oklch(0.788 0.166 70.11) | #fca419 | hsl(37, 97%, 54%) |
|
|
| 800 | oklch(0.649 0.143 67.47) | #c77b02 | hsl(37, 98%, 39%) |
|
|
| 900 | oklch(0.465 0.100 68.84) | #7d4d02 | hsl(37, 97%, 25%) |
|
|
| 950 | oklch(0.257 0.053 75.06) | #321f01 | hsl(37, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
