Serene Nature-Inspired Color Palette
This palette radiates a serene, sunlit ambiance with soft buttery yellows and gentle greens, balanced by muted teal and deep slate, evoking a tranquil, nature-inspired retreat.
Practical uses and creative applications
The Serene Nature-Inspired Color Palette is a harmonious blend of soft, earthy tones that evoke a sense of tranquility and connection to the natural world. Featuring gentle hues like #f5e3ae and #fff5d6, this palette is ideal for branding projects that aim to communicate sustainability and wellness.
Designers and creatives looking to craft calming web designs or aesthetically pleasing packaging will find these colors perfect for promoting eco-friendly products or services. The subtle greens and blues, such as #e1e6d3 and #b1ccc4, offer a refreshing backdrop that resonates with audiences seeking a serene experience.
This color palette is particularly suited for interior designers who wish to create soothing spaces. The darker shade, #4e5861, adds depth and sophistication, making it a great choice for accents or statement pieces in tranquil living areas and serene bedrooms.
Whether you're designing a spa, a wellness center, or a cozy café, the Serene Nature-Inspired Color Palette fosters an inviting atmosphere that helps clients feel relaxed and at ease. Overall, this palette is an excellent choice for creatives aiming to evoke a sense of peace and harmony in their work.
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.952 0.039 91.20) | #f9efd2 | hsl(45, 76%, 90%) |
|
|
| 100 | oklch(0.947 0.047 91.33) | #f9edca | hsl(45, 80%, 88%) |
|
|
| 200 | oklch(0.938 0.053 90.63) | #f8eac3 | hsl(44, 79%, 87%) |
|
|
| 300 | oklch(0.932 0.059 91.45) | #f7e8bc | hsl(45, 79%, 85%) |
|
|
| 400 | oklch(0.924 0.065 90.86) | #f6e5b5 | hsl(44, 78%, 84%) |
|
|
| 500 | oklch(0.918 0.071 91.53) | #f5e3ae | hsl(45, 78%, 82%) |
|
|
| 600 | oklch(0.854 0.121 90.74) | #edcc6c | hsl(45, 78%, 68%) |
|
|
| 700 | oklch(0.797 0.152 88.28) | #e5b62b | hsl(45, 78%, 53%) |
|
|
| 800 | oklch(0.650 0.127 87.34) | #b08916 | hsl(45, 78%, 39%) |
|
|
| 900 | oklch(0.466 0.090 87.55) | #6f560e | hsl(45, 78%, 25%) |
|
|
| 950 | oklch(0.261 0.046 89.70) | #2d2306 | hsl(45, 76%, 10%) |
|
dsfds
| 50 | oklch(0.964 0.052 92.93) | #fff3cc | hsl(46, 100%, 90%) |
|
|
| 100 | oklch(0.964 0.050 92.16) | #fff3ce | hsl(45, 100%, 90%) |
|
|
| 200 | oklch(0.967 0.048 93.00) | #fff4d0 | hsl(46, 100%, 91%) |
|
|
| 300 | oklch(0.967 0.046 92.18) | #fff4d2 | hsl(45, 100%, 91%) |
|
|
| 400 | oklch(0.970 0.044 93.09) | #fff5d4 | hsl(46, 100%, 92%) |
|
|
| 500 | oklch(0.970 0.042 92.20) | #fff5d6 | hsl(45, 100%, 92%) |
|
|
| 600 | oklch(0.915 0.120 92.36) | #ffe182 | hsl(46, 100%, 75%) |
|
|
| 700 | oklch(0.866 0.166 88.93) | #ffcc2f | hsl(45, 100%, 59%) |
|
|
| 800 | oklch(0.751 0.154 85.34) | #daa500 | hsl(45, 100%, 43%) |
|
|
| 900 | oklch(0.529 0.108 86.27) | #876600 | hsl(45, 100%, 26%) |
|
|
| 950 | oklch(0.279 0.057 91.01) | #332700 | hsl(46, 100%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.020 118.95) | #e9edde | hsl(76, 29%, 90%) |
|
|
| 100 | oklch(0.933 0.020 118.95) | #e7ebdc | hsl(76, 27%, 89%) |
|
|
| 200 | oklch(0.930 0.022 118.24) | #e6eada | hsl(75, 28%, 89%) |
|
|
| 300 | oklch(0.926 0.023 120.21) | #e4e9d8 | hsl(78, 28%, 88%) |
|
|
| 400 | oklch(0.920 0.024 117.06) | #e3e7d5 | hsl(73, 27%, 87%) |
|
|
| 500 | oklch(0.916 0.026 118.91) | #e1e6d3 | hsl(76, 28%, 86%) |
|
|
| 600 | oklch(0.820 0.057 119.86) | #bfcaa1 | hsl(76, 28%, 71%) |
|
|
| 700 | oklch(0.720 0.085 120.53) | #9dad70 | hsl(76, 27%, 56%) |
|
|
| 800 | oklch(0.587 0.082 121.03) | #75844b | hsl(76, 28%, 41%) |
|
|
| 900 | oklch(0.421 0.055 120.58) | #49522f | hsl(75, 27%, 25%) |
|
|
| 950 | oklch(0.239 0.028 120.67) | #1d2112 | hsl(76, 29%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.012 178.01) | #e0ebe8 | hsl(164, 22%, 90%) |
|
|
| 100 | oklch(0.910 0.016 177.05) | #d7e5e1 | hsl(163, 21%, 87%) |
|
|
| 200 | oklch(0.888 0.021 173.89) | #cddfd9 | hsl(160, 22%, 84%) |
|
|
| 300 | oklch(0.866 0.023 175.87) | #c4d8d2 | hsl(162, 20%, 81%) |
|
|
| 400 | oklch(0.844 0.028 176.21) | #bad2cb | hsl(163, 21%, 78%) |
|
|
| 500 | oklch(0.823 0.031 175.75) | #b1ccc4 | hsl(162, 21%, 75%) |
|
|
| 600 | oklch(0.730 0.047 175.07) | #89b2a6 | hsl(162, 21%, 62%) |
|
|
| 700 | oklch(0.634 0.062 173.26) | #629787 | hsl(162, 21%, 49%) |
|
|
| 800 | oklch(0.509 0.048 172.99) | #486f63 | hsl(162, 21%, 36%) |
|
|
| 900 | oklch(0.375 0.034 172.41) | #2e473f | hsl(161, 21%, 23%) |
|
|
| 950 | oklch(0.228 0.017 176.06) | #141f1c | hsl(164, 22%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.004 236.50) | #e3e6e8 | hsl(204, 10%, 90%) |
|
|
| 100 | oklch(0.833 0.011 247.95) | #c3c9cf | hsl(210, 11%, 79%) |
|
|
| 200 | oklch(0.743 0.016 248.05) | #a4adb6 | hsl(210, 11%, 68%) |
|
|
| 300 | oklch(0.650 0.022 243.59) | #84919c | hsl(208, 11%, 56%) |
|
|
| 400 | oklch(0.555 0.024 241.65) | #677580 | hsl(206, 11%, 45%) |
|
|
| 500 | oklch(0.455 0.019 245.39) | #4e5861 | hsl(208, 11%, 34%) |
|
|
| 600 | oklch(0.411 0.017 241.33) | #434c53 | hsl(206, 11%, 29%) |
|
|
| 700 | oklch(0.364 0.015 248.25) | #383f46 | hsl(210, 11%, 25%) |
|
|
| 800 | oklch(0.317 0.012 243.22) | #2d3338 | hsl(207, 11%, 20%) |
|
|
| 900 | oklch(0.266 0.009 248.18) | #22262a | hsl(210, 11%, 15%) |
|
|
| 950 | oklch(0.215 0.006 236.85) | #171a1c | hsl(204, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
