Serene Nature-Inspired Color Palette
This palette exudes a serene, nature-inspired vibe, blending soft pastel greens and warm cream with deep teal and muted mauve for a harmonious, modern retreat.
Practical uses and creative applications
The Serene Nature-Inspired Color Palette features a harmonious blend of soft greens, tranquil blues, and earthy tones, making it an ideal choice for branding and design projects that aim to evoke a sense of calm and connection with nature. The gentle hues of #eff3cd and #b2d5ba create a soothing backdrop, perfect for wellness brands, eco-friendly products, or outdoor adventure companies looking to convey a message of sustainability and tranquility.
The deeper shades of #61ada0, #248f8d, and #605063 add depth and sophistication, making this palette suitable for premium packaging and web design that seeks to inspire trust and reliability. Ideal for designers and creatives in various fields, this color palette can enhance interiors, creating serene spaces that promote relaxation and mindfulness.
Use it in home decor, such as wall paint or textiles, to transform any room into a peaceful sanctuary. Whether you are crafting a website for a holistic health business or developing branding materials for a nature-inspired product line, the Serene Nature-Inspired Color Palette will help you capture the essence of tranquility and organic beauty, appealing to audiences who appreciate thoughtful, nature-driven aesthetics.
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.960 0.041 111.65) | #f2f5d6 | hsl(66, 61%, 90%) |
|
|
| 100 | oklch(0.959 0.043 112.83) | #f1f5d4 | hsl(67, 62%, 90%) |
|
|
| 200 | oklch(0.956 0.045 111.33) | #f1f4d2 | hsl(65, 61%, 89%) |
|
|
| 300 | oklch(0.955 0.046 112.56) | #f0f4d1 | hsl(67, 61%, 89%) |
|
|
| 400 | oklch(0.953 0.047 111.16) | #f0f3cf | hsl(65, 60%, 88%) |
|
|
| 500 | oklch(0.951 0.050 112.23) | #eff3cd | hsl(66, 61%, 88%) |
|
|
| 600 | oklch(0.893 0.110 113.47) | #dbe48d | hsl(66, 62%, 72%) |
|
|
| 700 | oklch(0.834 0.157 114.90) | #c6d44d | hsl(66, 61%, 57%) |
|
|
| 800 | oklch(0.702 0.146 115.39) | #9ca929 | hsl(66, 61%, 41%) |
|
|
| 900 | oklch(0.498 0.101 115.15) | #616919 | hsl(66, 62%, 25%) |
|
|
| 950 | oklch(0.270 0.049 114.35) | #26290a | hsl(66, 61%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.023 151.64) | #deede1 | hsl(132, 29%, 90%) |
|
|
| 100 | oklch(0.913 0.028 153.85) | #d5e8da | hsl(136, 29%, 87%) |
|
|
| 200 | oklch(0.894 0.034 153.63) | #cce3d2 | hsl(136, 29%, 85%) |
|
|
| 300 | oklch(0.878 0.040 152.07) | #c4dfca | hsl(133, 30%, 82%) |
|
|
| 400 | oklch(0.859 0.047 152.06) | #bbdac2 | hsl(134, 30%, 79%) |
|
|
| 500 | oklch(0.840 0.053 152.00) | #b2d5ba | hsl(134, 29%, 77%) |
|
|
| 600 | oklch(0.749 0.083 151.34) | #86bd93 | hsl(134, 29%, 63%) |
|
|
| 700 | oklch(0.658 0.114 149.68) | #5aa56b | hsl(134, 29%, 50%) |
|
|
| 800 | oklch(0.526 0.088 150.09) | #42794f | hsl(134, 29%, 37%) |
|
|
| 900 | oklch(0.385 0.061 150.06) | #2a4d32 | hsl(134, 29%, 23%) |
|
|
| 950 | oklch(0.230 0.031 149.74) | #122115 | hsl(132, 29%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.018 184.25) | #ddeeeb | hsl(169, 33%, 90%) |
|
|
| 100 | oklch(0.888 0.030 183.70) | #c5e1dc | hsl(169, 32%, 83%) |
|
|
| 200 | oklch(0.839 0.043 183.45) | #acd4cd | hsl(170, 32%, 75%) |
|
|
| 300 | oklch(0.791 0.056 183.01) | #93c7be | hsl(170, 32%, 68%) |
|
|
| 400 | oklch(0.742 0.068 182.41) | #7abaaf | hsl(170, 32%, 60%) |
|
|
| 500 | oklch(0.695 0.079 181.63) | #61ada0 | hsl(170, 32%, 53%) |
|
|
| 600 | oklch(0.620 0.075 181.61) | #4d9589 | hsl(170, 32%, 44%) |
|
|
| 700 | oklch(0.530 0.063 181.26) | #3e786e | hsl(170, 32%, 36%) |
|
|
| 800 | oklch(0.437 0.051 182.43) | #2f5b54 | hsl(170, 32%, 27%) |
|
|
| 900 | oklch(0.339 0.037 182.09) | #203e39 | hsl(170, 32%, 18%) |
|
|
| 950 | oklch(0.236 0.024 181.74) | #11221f | hsl(169, 33%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.032 194.24) | #d6f5f4 | hsl(178, 61%, 90%) |
|
|
| 100 | oklch(0.891 0.063 194.84) | #aae9e8 | hsl(179, 59%, 79%) |
|
|
| 200 | oklch(0.841 0.092 193.81) | #7ddedc | hsl(179, 60%, 68%) |
|
|
| 300 | oklch(0.795 0.113 193.69) | #50d3d1 | hsl(179, 60%, 57%) |
|
|
| 400 | oklch(0.724 0.114 192.75) | #2fbcb9 | hsl(179, 60%, 46%) |
|
|
| 500 | oklch(0.592 0.092 193.06) | #248f8d | hsl(179, 60%, 35%) |
|
|
| 600 | oklch(0.531 0.082 192.78) | #1f7b79 | hsl(179, 60%, 30%) |
|
|
| 700 | oklch(0.466 0.071 193.69) | #1a6665 | hsl(179, 59%, 25%) |
|
|
| 800 | oklch(0.401 0.060 193.42) | #155251 | hsl(179, 59%, 20%) |
|
|
| 900 | oklch(0.329 0.048 192.97) | #0f3d3c | hsl(179, 61%, 15%) |
|
|
| 950 | oklch(0.258 0.036 192.17) | #0a2928 | hsl(178, 61%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.008 319.45) | #e7e3e8 | hsl(288, 10%, 90%) |
|
|
| 100 | oklch(0.831 0.018 320.06) | #cdc4cf | hsl(289, 10%, 79%) |
|
|
| 200 | oklch(0.739 0.029 320.26) | #b3a5b6 | hsl(289, 10%, 68%) |
|
|
| 300 | oklch(0.645 0.040 320.37) | #99869d | hsl(290, 11%, 57%) |
|
|
| 400 | oklch(0.550 0.046 320.89) | #7e6982 | hsl(290, 11%, 46%) |
|
|
| 500 | oklch(0.454 0.036 320.96) | #605063 | hsl(291, 11%, 35%) |
|
|
| 600 | oklch(0.410 0.031 319.91) | #524555 | hsl(289, 10%, 30%) |
|
|
| 700 | oklch(0.363 0.029 321.48) | #453947 | hsl(291, 11%, 25%) |
|
|
| 800 | oklch(0.315 0.023 320.11) | #372e39 | hsl(289, 11%, 20%) |
|
|
| 900 | oklch(0.263 0.018 322.06) | #29222a | hsl(293, 11%, 15%) |
|
|
| 950 | oklch(0.212 0.011 319.46) | #1b171c | hsl(288, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
