Serene Nature Color Palette
This vibrant palette blends fresh greens and soothing blues with deep, moody purples, creating a serene yet sophisticated vibe that feels both invigorating and contemplative.
Practical uses and creative applications
The Serene Nature Color Palette offers a refreshing blend of greens and blues, perfect for bringing a sense of calm and tranquility to any project. With its main colors#beed80 (a soft green), #59d999 (a tranquil teal), #31ada1 (a deeper aqua), #51647a (a muted blue), and #453c5c (a dark slate)this palette is ideal for branding that seeks to evoke feelings of balance and connection with the natural world.
Whether you're designing a logo for an eco-friendly brand or creating packaging for a wellness product, these colors can beautifully convey a message of sustainability and mindfulness. Web designers and creatives will find the Serene Nature Color Palette particularly appealing for website layouts, where the soothing tones can enhance user experience and promote a serene browsing atmosphere.
This palette also works wonderfully in interior design, especially in spaces meant for relaxation, such as spas, yoga studios, or serene living areas. By utilizing these colors, designers can create environments that foster peace and rejuvenation, making it an ideal choice for anyone looking to blend aesthetics with a tranquil vibe.
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.959 0.054 126.61) | #e8f9d2 | hsl(86, 76%, 90%) |
|
|
| 100 | oklch(0.944 0.072 126.39) | #e0f6c2 | hsl(85, 74%, 86%) |
|
|
| 200 | oklch(0.930 0.092 127.13) | #d7f4b1 | hsl(86, 75%, 83%) |
|
|
| 300 | oklch(0.917 0.111 127.45) | #cff2a1 | hsl(86, 76%, 79%) |
|
|
| 400 | oklch(0.902 0.129 127.81) | #c6ef90 | hsl(86, 75%, 75%) |
|
|
| 500 | oklch(0.889 0.146 128.21) | #beed80 | hsl(86, 75%, 72%) |
|
|
| 600 | oklch(0.848 0.195 129.89) | #a2e549 | hsl(86, 75%, 59%) |
|
|
| 700 | oklch(0.783 0.209 131.84) | #84d21e | hsl(86, 75%, 47%) |
|
|
| 800 | oklch(0.626 0.165 131.73) | #619b16 | hsl(86, 75%, 35%) |
|
|
| 900 | oklch(0.458 0.118 131.13) | #3f640e | hsl(86, 75%, 22%) |
|
|
| 950 | oklch(0.273 0.065 130.18) | #1c2d06 | hsl(86, 76%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.040 164.00) | #d6f6e6 | hsl(150, 64%, 90%) |
|
|
| 100 | oklch(0.913 0.063 162.69) | #bdf0d6 | hsl(149, 63%, 84%) |
|
|
| 200 | oklch(0.881 0.085 162.26) | #a4eac7 | hsl(150, 63%, 78%) |
|
|
| 300 | oklch(0.851 0.107 161.48) | #8be4b8 | hsl(150, 62%, 72%) |
|
|
| 400 | oklch(0.824 0.129 159.70) | #72dfa8 | hsl(150, 63%, 66%) |
|
|
| 500 | oklch(0.797 0.147 158.49) | #59d999 | hsl(150, 63%, 60%) |
|
|
| 600 | oklch(0.759 0.172 155.60) | #30d080 | hsl(150, 63%, 50%) |
|
|
| 700 | oklch(0.642 0.144 155.77) | #26a666 | hsl(150, 63%, 40%) |
|
|
| 800 | oklch(0.523 0.115 156.15) | #1d7d4d | hsl(150, 62%, 30%) |
|
|
| 900 | oklch(0.394 0.084 156.71) | #135333 | hsl(150, 63%, 20%) |
|
|
| 950 | oklch(0.256 0.048 158.21) | #0a2a1a | hsl(150, 62%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.030 189.08) | #d7f4f1 | hsl(174, 57%, 90%) |
|
|
| 100 | oklch(0.895 0.056 189.26) | #b2e9e4 | hsl(175, 56%, 81%) |
|
|
| 200 | oklch(0.849 0.081 187.90) | #8ddfd7 | hsl(174, 56%, 71%) |
|
|
| 300 | oklch(0.803 0.101 187.35) | #68d4ca | hsl(174, 56%, 62%) |
|
|
| 400 | oklch(0.764 0.116 185.83) | #44cabd | hsl(174, 56%, 53%) |
|
|
| 500 | oklch(0.679 0.107 185.48) | #31ada1 | hsl(174, 56%, 44%) |
|
|
| 600 | oklch(0.599 0.094 185.68) | #299288 | hsl(174, 56%, 37%) |
|
|
| 700 | oklch(0.520 0.081 184.93) | #22786f | hsl(174, 56%, 30%) |
|
|
| 800 | oklch(0.436 0.066 186.47) | #1a5d57 | hsl(175, 56%, 23%) |
|
|
| 900 | oklch(0.346 0.050 187.18) | #13423e | hsl(175, 55%, 17%) |
|
|
| 950 | oklch(0.254 0.035 185.95) | #0b2825 | hsl(174, 57%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.010 252.82) | #e0e5eb | hsl(213, 22%, 90%) |
|
|
| 100 | oklch(0.838 0.018 253.36) | #c2cbd6 | hsl(213, 20%, 80%) |
|
|
| 200 | oklch(0.755 0.029 253.29) | #a3b1c2 | hsl(213, 20%, 70%) |
|
|
| 300 | oklch(0.669 0.039 252.20) | #8497ad | hsl(212, 20%, 60%) |
|
|
| 400 | oklch(0.581 0.052 252.58) | #657d99 | hsl(212, 20%, 50%) |
|
|
| 500 | oklch(0.496 0.042 252.37) | #51647a | hsl(212, 20%, 40%) |
|
|
| 600 | oklch(0.444 0.037 252.98) | #455568 | hsl(213, 20%, 34%) |
|
|
| 700 | oklch(0.389 0.031 252.24) | #394655 | hsl(212, 20%, 28%) |
|
|
| 800 | oklch(0.333 0.025 253.19) | #2d3743 | hsl(213, 20%, 22%) |
|
|
| 900 | oklch(0.273 0.020 251.58) | #202831 | hsl(212, 21%, 16%) |
|
|
| 950 | oklch(0.211 0.014 253.14) | #14191f | hsl(213, 22%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.015 298.55) | #e3e0eb | hsl(256, 22%, 90%) |
|
|
| 100 | oklch(0.805 0.034 298.95) | #c2bbd3 | hsl(258, 21%, 78%) |
|
|
| 200 | oklch(0.694 0.053 297.72) | #a096ba | hsl(257, 21%, 66%) |
|
|
| 300 | oklch(0.580 0.075 297.11) | #7f71a2 | hsl(257, 21%, 54%) |
|
|
| 400 | oklch(0.477 0.073 296.84) | #615481 | hsl(257, 21%, 42%) |
|
|
| 500 | oklch(0.379 0.055 296.63) | #453c5c | hsl(257, 21%, 30%) |
|
|
| 600 | oklch(0.346 0.049 296.89) | #3c3450 | hsl(257, 21%, 26%) |
|
|
| 700 | oklch(0.312 0.043 297.23) | #332c44 | hsl(258, 21%, 22%) |
|
|
| 800 | oklch(0.275 0.035 296.08) | #292437 | hsl(256, 21%, 18%) |
|
|
| 900 | oklch(0.238 0.029 296.39) | #201c2b | hsl(256, 21%, 14%) |
|
|
| 950 | oklch(0.200 0.022 296.87) | #17141f | hsl(256, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
