Serene Nature-Inspired Color Palette
This palette exudes a serene, nature-inspired vibe with soft mint greens, tranquil teal, and earthy grays, evoking a calming, modern retreat infused with a touch of sophistication.
Practical uses and creative applications
The Serene Nature-Inspired Color Palette embodies tranquility and harmony, making it an ideal choice for designers looking to evoke a sense of calm in their projects. With soft greens like #d8f5d1 and #9ddbca, paired with earthy tones such as #92b395, #726c81, and #565164, this palette is perfect for branding, web design, and packaging that seeks to connect with natural elements.
Whether you are creating a wellness brand, an eco-friendly product line, or a serene website, these colors can help communicate a message of sustainability and peace. This palette is particularly suited for creatives in the wellness, outdoor, and lifestyle industries, appealing to audiences who value nature and sustainability.
Interior designers can also leverage these hues to create calming spaces, transforming homes or offices into serene sanctuaries. The gentle balance of cool and muted tones fosters a relaxing atmosphere, making it an excellent choice for spa environments or minimalist interiors.
By incorporating the Serene Nature-Inspired Color Palette into your designs, you can create a soothing visual narrative that resonates with your audience and enhances their overall experience.
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.945 0.052 139.99) | #dbf6d5 | hsl(109, 65%, 90%) |
|
|
| 100 | oklch(0.945 0.053 139.25) | #dbf6d4 | hsl(108, 65%, 90%) |
|
|
| 200 | oklch(0.944 0.055 139.43) | #daf6d3 | hsl(108, 66%, 90%) |
|
|
| 300 | oklch(0.941 0.054 140.15) | #d9f5d3 | hsl(109, 63%, 89%) |
|
|
| 400 | oklch(0.941 0.055 139.43) | #d9f5d2 | hsl(108, 64%, 89%) |
|
|
| 500 | oklch(0.940 0.057 139.60) | #d8f5d1 | hsl(108, 64%, 89%) |
|
|
| 600 | oklch(0.860 0.138 139.66) | #a0e78f | hsl(108, 65%, 73%) |
|
|
| 700 | oklch(0.788 0.205 139.98) | #68d84d | hsl(108, 64%, 57%) |
|
|
| 800 | oklch(0.662 0.196 140.43) | #40ae26 | hsl(109, 64%, 42%) |
|
|
| 900 | oklch(0.470 0.136 140.17) | #286c17 | hsl(108, 65%, 26%) |
|
|
| 950 | oklch(0.255 0.065 140.18) | #0f2a09 | hsl(109, 65%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.025 178.36) | #daf1eb | hsl(164, 45%, 90%) |
|
|
| 100 | oklch(0.921 0.035 176.13) | #ceede4 | hsl(163, 46%, 87%) |
|
|
| 200 | oklch(0.900 0.043 178.01) | #c1e8de | hsl(165, 46%, 83%) |
|
|
| 300 | oklch(0.882 0.052 176.32) | #b5e4d7 | hsl(163, 47%, 80%) |
|
|
| 400 | oklch(0.862 0.059 177.13) | #a9dfd1 | hsl(164, 46%, 77%) |
|
|
| 500 | oklch(0.845 0.068 175.72) | #9ddbca | hsl(164, 46%, 74%) |
|
|
| 600 | oklch(0.774 0.097 173.39) | #6dcab0 | hsl(163, 47%, 61%) |
|
|
| 700 | oklch(0.697 0.113 171.68) | #42b495 | hsl(164, 46%, 48%) |
|
|
| 800 | oklch(0.556 0.088 171.60) | #31846d | hsl(163, 46%, 35%) |
|
|
| 900 | oklch(0.409 0.063 171.91) | #1f5546 | hsl(163, 47%, 23%) |
|
|
| 950 | oklch(0.243 0.032 174.44) | #0e251f | hsl(164, 45%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.014 148.77) | #e1eae2 | hsl(127, 18%, 90%) |
|
|
| 100 | oklch(0.889 0.023 147.43) | #d1dfd2 | hsl(124, 18%, 85%) |
|
|
| 200 | oklch(0.851 0.031 148.34) | #c1d4c3 | hsl(126, 18%, 79%) |
|
|
| 300 | oklch(0.813 0.038 147.66) | #b2c9b4 | hsl(125, 18%, 74%) |
|
|
| 400 | oklch(0.773 0.048 147.05) | #a2bea4 | hsl(124, 18%, 69%) |
|
|
| 500 | oklch(0.734 0.056 147.44) | #92b395 | hsl(125, 18%, 64%) |
|
|
| 600 | oklch(0.651 0.072 147.13) | #729c76 | hsl(126, 18%, 53%) |
|
|
| 700 | oklch(0.557 0.069 147.16) | #587f5c | hsl(126, 18%, 42%) |
|
|
| 800 | oklch(0.455 0.054 147.25) | #425f45 | hsl(126, 18%, 32%) |
|
|
| 900 | oklch(0.342 0.038 147.40) | #2b3e2d | hsl(126, 18%, 21%) |
|
|
| 950 | oklch(0.223 0.020 147.84) | #151e16 | hsl(127, 18%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.007 304.24) | #e5e3e8 | hsl(264, 10%, 90%) |
|
|
| 100 | oklch(0.846 0.013 296.31) | #cdcbd4 | hsl(253, 9%, 81%) |
|
|
| 200 | oklch(0.773 0.017 297.43) | #b6b3bf | hsl(255, 9%, 73%) |
|
|
| 300 | oklch(0.698 0.024 297.23) | #9f9bab | hsl(255, 9%, 64%) |
|
|
| 400 | oklch(0.621 0.030 296.95) | #888397 | hsl(255, 9%, 55%) |
|
|
| 500 | oklch(0.544 0.033 298.36) | #726c81 | hsl(257, 9%, 46%) |
|
|
| 600 | oklch(0.482 0.029 298.01) | #605b6d | hsl(257, 9%, 39%) |
|
|
| 700 | oklch(0.419 0.025 297.51) | #4e4a59 | hsl(256, 9%, 32%) |
|
|
| 800 | oklch(0.352 0.019 297.88) | #3c3944 | hsl(256, 9%, 25%) |
|
|
| 900 | oklch(0.282 0.015 296.89) | #2a2830 | hsl(255, 9%, 17%) |
|
|
| 950 | oklch(0.209 0.010 303.65) | #19171c | hsl(264, 10%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.007 295.44) | #e4e3e8 | hsl(252, 10%, 90%) |
|
|
| 100 | oklch(0.826 0.016 298.51) | #c7c4cf | hsl(256, 10%, 79%) |
|
|
| 200 | oklch(0.731 0.025 299.20) | #aaa5b6 | hsl(258, 10%, 68%) |
|
|
| 300 | oklch(0.636 0.035 297.35) | #8d879e | hsl(256, 11%, 57%) |
|
|
| 400 | oklch(0.539 0.039 296.06) | #706a83 | hsl(254, 11%, 46%) |
|
|
| 500 | oklch(0.447 0.031 297.17) | #565164 | hsl(256, 10%, 35%) |
|
|
| 600 | oklch(0.402 0.029 298.55) | #4a4556 | hsl(258, 11%, 30%) |
|
|
| 700 | oklch(0.357 0.023 295.81) | #3d3a47 | hsl(254, 10%, 25%) |
|
|
| 800 | oklch(0.309 0.020 297.71) | #312e39 | hsl(256, 11%, 20%) |
|
|
| 900 | oklch(0.259 0.017 300.42) | #25222b | hsl(260, 12%, 15%) |
|
|
| 950 | oklch(0.208 0.010 294.69) | #18171c | hsl(252, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
