Serene Spring Color Palette
A serene and airy palette of soft pastels and gentle greens, evoking a tranquil garden in springtime, with a fresh, minimalist vibe perfect for modern, soothing spaces.
Practical uses and creative applications
The Serene Spring Color Palette is a soothing blend of soft pastels that evoke feelings of tranquility and renewal. With its gentle hues of #F0F0F0, #F0F0C8, #F0F0A0, #C8F0A0, and #C8C8A0, this palette is perfect for branding projects aiming to convey a sense of calm and approachability.
Whether you’re designing a wellness brand, creating a cozy café logo, or launching an eco-friendly product line, these colors can help establish a serene and inviting identity that resonates with your audience. Ideal for web design and packaging, the Serene Spring Color Palette enhances user experience by promoting a relaxed atmosphere.
Designers and creatives can utilize these colors to create visually appealing websites that draw users in and keep them engaged. Additionally, in interior design, this palette can transform spaces into tranquil retreats, making it perfect for bedrooms, yoga studios, or any area intended for relaxation.
Embrace the soothing essence of spring with this palette, and let it inspire your next creative project.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
| 200 | oklch(0.937 0.000 89.88) | #eaeaea | hsl(0, 0%, 92%) |
|
|
| 300 | oklch(0.943 0.000 89.88) | #ececec | hsl(0, 0%, 93%) |
|
|
| 400 | oklch(0.949 0.000 89.88) | #eeeeee | hsl(0, 0%, 93%) |
|
|
| 500 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 600 | oklch(0.823 0.000 89.88) | #c5c5c5 | hsl(0, 0%, 77%) |
|
|
| 700 | oklch(0.686 0.000 89.88) | #9a9a9a | hsl(0, 0%, 60%) |
|
|
| 800 | oklch(0.542 0.000 89.88) | #6f6f6f | hsl(0, 0%, 44%) |
|
|
| 900 | oklch(0.387 0.000 89.88) | #444444 | hsl(0, 0%, 27%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.038 107.09) | #f4f4d7 | hsl(60, 57%, 90%) |
|
|
| 100 | oklch(0.956 0.041 107.14) | #f3f3d4 | hsl(60, 56%, 89%) |
|
|
| 200 | oklch(0.953 0.043 107.19) | #f2f2d1 | hsl(60, 56%, 88%) |
|
|
| 300 | oklch(0.952 0.047 107.26) | #f2f2ce | hsl(60, 58%, 88%) |
|
|
| 400 | oklch(0.948 0.050 107.31) | #f1f1cb | hsl(60, 58%, 87%) |
|
|
| 500 | oklch(0.945 0.052 107.36) | #f0f0c8 | hsl(60, 57%, 86%) |
|
|
| 600 | oklch(0.885 0.106 108.38) | #dfdf8b | hsl(60, 57%, 71%) |
|
|
| 700 | oklch(0.831 0.149 109.25) | #cfcf4e | hsl(60, 57%, 56%) |
|
|
| 800 | oklch(0.691 0.135 109.47) | #a2a22c | hsl(60, 57%, 40%) |
|
|
| 900 | oklch(0.492 0.093 109.38) | #65651c | hsl(60, 57%, 25%) |
|
|
| 950 | oklch(0.269 0.046 109.10) | #28280b | hsl(60, 57%, 10%) |
|
dsfds
| 50 | oklch(0.970 0.048 107.26) | #f8f8d3 | hsl(60, 73%, 90%) |
|
|
| 100 | oklch(0.962 0.058 107.45) | #f6f6c9 | hsl(60, 71%, 88%) |
|
|
| 200 | oklch(0.957 0.070 107.64) | #f5f5bf | hsl(60, 73%, 85%) |
|
|
| 300 | oklch(0.949 0.081 107.84) | #f3f3b4 | hsl(60, 72%, 83%) |
|
|
| 400 | oklch(0.945 0.091 108.03) | #f2f2aa | hsl(60, 73%, 81%) |
|
|
| 500 | oklch(0.937 0.101 108.20) | #f0f0a0 | hsl(60, 73%, 78%) |
|
|
| 600 | oklch(0.900 0.151 109.09) | #e6e664 | hsl(60, 72%, 65%) |
|
|
| 700 | oklch(0.870 0.181 109.64) | #dddd27 | hsl(60, 73%, 51%) |
|
|
| 800 | oklch(0.699 0.146 109.65) | #a5a51a | hsl(60, 73%, 37%) |
|
|
| 900 | oklch(0.501 0.103 109.60) | #686810 | hsl(60, 73%, 24%) |
|
|
| 950 | oklch(0.285 0.054 109.40) | #2c2c07 | hsl(60, 73%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.052 128.57) | #e6f8d3 | hsl(89, 73%, 90%) |
|
|
| 100 | oklch(0.945 0.064 128.82) | #e0f6c9 | hsl(89, 71%, 88%) |
|
|
| 200 | oklch(0.937 0.076 129.41) | #daf5bf | hsl(90, 73%, 85%) |
|
|
| 300 | oklch(0.926 0.089 129.30) | #d4f3b4 | hsl(90, 72%, 83%) |
|
|
| 400 | oklch(0.918 0.101 129.79) | #cef2aa | hsl(90, 73%, 81%) |
|
|
| 500 | oklch(0.908 0.112 129.98) | #c8f0a0 | hsl(90, 73%, 78%) |
|
|
| 600 | oklch(0.854 0.175 131.41) | #a5e664 | hsl(90, 72%, 65%) |
|
|
| 700 | oklch(0.809 0.219 133.71) | #82dd27 | hsl(90, 73%, 51%) |
|
|
| 800 | oklch(0.651 0.177 133.85) | #5fa51a | hsl(90, 73%, 37%) |
|
|
| 900 | oklch(0.468 0.124 133.38) | #3c6810 | hsl(90, 73%, 24%) |
|
|
| 950 | oklch(0.268 0.063 131.76) | #1a2c07 | hsl(89, 73%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.017 106.73) | #ececdf | hsl(60, 25%, 90%) |
|
|
| 100 | oklch(0.917 0.025 106.89) | #e5e5d2 | hsl(60, 27%, 86%) |
|
|
| 200 | oklch(0.894 0.032 107.03) | #dedec6 | hsl(60, 27%, 82%) |
|
|
| 300 | oklch(0.871 0.040 107.20) | #d7d7b9 | hsl(60, 27%, 78%) |
|
|
| 400 | oklch(0.846 0.046 107.34) | #cfcfad | hsl(60, 26%, 75%) |
|
|
| 500 | oklch(0.823 0.054 107.52) | #c8c8a0 | hsl(60, 27%, 71%) |
|
|
| 600 | oklch(0.747 0.075 108.09) | #b1b179 | hsl(60, 26%, 58%) |
|
|
| 700 | oklch(0.658 0.085 108.52) | #969657 | hsl(60, 27%, 46%) |
|
|
| 800 | oklch(0.530 0.067 108.48) | #6f6f40 | hsl(60, 27%, 34%) |
|
|
| 900 | oklch(0.390 0.046 108.38) | #474729 | hsl(60, 27%, 22%) |
|
|
| 950 | oklch(0.239 0.023 108.03) | #202013 | hsl(60, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
