Tranquil Spring Color Palette
This palette radiates a refreshing and serene vibe with cool teal, soft mint, and gentle pastel greens, complemented by sunny yellows and creamy whites, evoking a tranquil spring afternoon in a blooming garden.
Practical uses and creative applications
The Tranquil Spring Color Palette is a refreshing combination of soothing hues perfect for evoking a sense of calm and rejuvenation. Featuring shades like the serene teal of #2b9eb3, the soft mint of #85cc9c, and the gentle warmth of #edf79e, this palette is ideal for brands that want to convey a message of wellness and harmony.
Whether you're a designer looking to create a serene web design or a creative seeking inspiration for packaging that stands out, these colors effortlessly blend to create an inviting atmosphere. Ideal for wellness brands, eco-friendly products, or any business aiming to promote tranquility, the Tranquil Spring Color Palette suits a variety of applications.
In interior design, these colors can transform a space into a peaceful retreat, while in branding, they help communicate a fresh and approachable identity. Designers and creatives can harness this palette to evoke feelings of renewal and positivity, making it perfect for seasonal campaigns or products that celebrate nature and growth.
Embrace the calming essence of spring with this versatile color palette that resonates with audiences seeking balance and beauty in their projects.
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.938 0.028 210.53) | #d6f0f5 | hsl(190, 61%, 90%) |
|
|
| 100 | oklch(0.883 0.054 209.53) | #b0e3ec | hsl(189, 61%, 81%) |
|
|
| 200 | oklch(0.828 0.078 210.44) | #89d5e3 | hsl(189, 62%, 71%) |
|
|
| 300 | oklch(0.777 0.097 211.64) | #63c7da | hsl(190, 62%, 62%) |
|
|
| 400 | oklch(0.730 0.111 211.82) | #3dbad0 | hsl(189, 61%, 53%) |
|
|
| 500 | oklch(0.646 0.102 212.93) | #2b9eb3 | hsl(189, 61%, 44%) |
|
|
| 600 | oklch(0.573 0.090 212.00) | #248697 | hsl(189, 61%, 37%) |
|
|
| 700 | oklch(0.495 0.077 213.27) | #1e6d7c | hsl(190, 61%, 30%) |
|
|
| 800 | oklch(0.416 0.063 211.97) | #175560 | hsl(189, 61%, 23%) |
|
|
| 900 | oklch(0.334 0.049 211.95) | #113d45 | hsl(189, 60%, 17%) |
|
|
| 950 | oklch(0.243 0.033 212.23) | #0a2429 | hsl(190, 61%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.029 156.62) | #dbf0e2 | hsl(140, 41%, 90%) |
|
|
| 100 | oklch(0.906 0.043 155.82) | #cae9d4 | hsl(139, 41%, 85%) |
|
|
| 200 | oklch(0.876 0.058 155.21) | #b9e2c6 | hsl(139, 41%, 81%) |
|
|
| 300 | oklch(0.843 0.071 155.41) | #a7dab8 | hsl(140, 41%, 75%) |
|
|
| 400 | oklch(0.814 0.085 154.70) | #96d3aa | hsl(140, 41%, 71%) |
|
|
| 500 | oklch(0.785 0.099 153.99) | #85cc9c | hsl(139, 41%, 66%) |
|
|
| 600 | oklch(0.718 0.130 152.22) | #5dbb7b | hsl(139, 41%, 55%) |
|
|
| 700 | oklch(0.625 0.128 151.41) | #429d5f | hsl(139, 41%, 44%) |
|
|
| 800 | oklch(0.506 0.101 151.74) | #317547 | hsl(139, 41%, 33%) |
|
|
| 900 | oklch(0.376 0.071 151.93) | #204c2e | hsl(139, 41%, 21%) |
|
|
| 950 | oklch(0.238 0.038 153.30) | #0f2416 | hsl(140, 41%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.030 129.74) | #e5f0db | hsl(91, 41%, 90%) |
|
|
| 100 | oklch(0.924 0.042 129.63) | #ddeccf | hsl(91, 43%, 87%) |
|
|
| 200 | oklch(0.905 0.052 129.12) | #d5e7c3 | hsl(90, 43%, 84%) |
|
|
| 300 | oklch(0.886 0.062 128.83) | #cde2b7 | hsl(89, 43%, 80%) |
|
|
| 400 | oklch(0.869 0.072 130.18) | #c4deac | hsl(91, 43%, 77%) |
|
|
| 500 | oklch(0.850 0.082 129.93) | #bcd9a0 | hsl(91, 43%, 74%) |
|
|
| 600 | oklch(0.776 0.122 130.70) | #9bc671 | hsl(90, 43%, 61%) |
|
|
| 700 | oklch(0.697 0.149 131.92) | #7ab046 | hsl(91, 43%, 48%) |
|
|
| 800 | oklch(0.559 0.117 131.90) | #5a8234 | hsl(91, 43%, 36%) |
|
|
| 900 | oklch(0.409 0.081 131.27) | #3a5321 | hsl(90, 43%, 23%) |
|
|
| 950 | oklch(0.243 0.040 131.43) | #19240f | hsl(91, 41%, 10%) |
|
dsfds
| 50 | oklch(0.973 0.056 112.83) | #f6fbd0 | hsl(67, 84%, 90%) |
|
|
| 100 | oklch(0.968 0.067 113.01) | #f4fac6 | hsl(67, 84%, 88%) |
|
|
| 200 | oklch(0.963 0.079 112.44) | #f3f9bc | hsl(66, 84%, 86%) |
|
|
| 300 | oklch(0.959 0.091 113.35) | #f1f9b2 | hsl(67, 86%, 84%) |
|
|
| 400 | oklch(0.954 0.102 113.57) | #eff8a8 | hsl(67, 85%, 82%) |
|
|
| 500 | oklch(0.949 0.112 113.78) | #edf79e | hsl(67, 85%, 79%) |
|
|
| 600 | oklch(0.921 0.171 115.35) | #e1f25d | hsl(67, 85%, 66%) |
|
|
| 700 | oklch(0.895 0.202 116.75) | #d5ec1b | hsl(67, 85%, 52%) |
|
|
| 800 | oklch(0.725 0.164 116.86) | #a0b20f | hsl(67, 84%, 38%) |
|
|
| 900 | oklch(0.521 0.117 116.95) | #657109 | hsl(67, 85%, 24%) |
|
|
| 950 | oklch(0.291 0.062 116.17) | #2a2f04 | hsl(67, 84%, 10%) |
|
dsfds
| 50 | oklch(0.972 0.051 107.31) | #f9f9d2 | hsl(60, 76%, 90%) |
|
|
| 100 | oklch(0.972 0.049 107.28) | #f9f9d3 | hsl(60, 76%, 90%) |
|
|
| 200 | oklch(0.975 0.049 107.28) | #fafad4 | hsl(60, 79%, 91%) |
|
|
| 300 | oklch(0.976 0.048 107.26) | #fafad5 | hsl(60, 79%, 91%) |
|
|
| 400 | oklch(0.976 0.047 107.24) | #fafad6 | hsl(60, 78%, 91%) |
|
|
| 500 | oklch(0.976 0.045 107.21) | #fafad7 | hsl(60, 78%, 91%) |
|
|
| 600 | oklch(0.937 0.123 108.55) | #f1f18d | hsl(60, 78%, 75%) |
|
|
| 700 | oklch(0.903 0.176 109.46) | #e8e844 | hsl(60, 78%, 59%) |
|
|
| 800 | oklch(0.785 0.167 109.69) | #c1c118 | hsl(60, 78%, 43%) |
|
|
| 900 | oklch(0.552 0.115 109.65) | #77770f | hsl(60, 78%, 26%) |
|
|
| 950 | oklch(0.288 0.056 109.47) | #2d2d06 | hsl(60, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
