Serene Nature-Inspired Color Palette
This palette exudes a serene yet vibrant harmony, blending rich plum, muted slate, tranquil teal, refreshing mint, and soft lime to create a stylish, nature-inspired oasis that feels both calming and uplifting.
Practical uses and creative applications
The Serene Nature-Inspired Color Palette harmoniously blends rich tones of #8e3f65, #73738d, #72a5ae, #98e9d0, and #d8ffcc, evoking the tranquil beauty of the natural world. This palette is ideal for brands aiming to convey a sense of calm and sustainability, making it perfect for eco-friendly businesses, wellness brands, and lifestyle products.
Designers can utilize these colors in branding, web design, and packaging to create a soothing aesthetic that resonates with environmentally-conscious consumers. In interior design, the Serene Nature-Inspired Color Palette brings a refreshing and peaceful vibe to any space.
The soft greens and blues, paired with earthy tones, create an inviting atmosphere that complements modern, minimalist, or bohemian styles. This palette is especially suited for creatives looking to design serene workspaces, cozy living areas, or tranquil wellness retreats.
By incorporating these harmonious colors, designers can evoke feelings of serenity and balance, making this palette an excellent choice for those seeking to enhance their projects with a touch of nature's beauty.
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.912 0.024 347.22) | #efdce5 | hsl(332, 37%, 90%) |
|
|
| 100 | oklch(0.823 0.052 348.08) | #e0b8cb | hsl(332, 39%, 80%) |
|
|
| 200 | oklch(0.735 0.080 348.28) | #d095b2 | hsl(331, 39%, 70%) |
|
|
| 300 | oklch(0.648 0.109 349.94) | #c07298 | hsl(331, 38%, 60%) |
|
|
| 400 | oklch(0.566 0.138 352.41) | #b14f7e | hsl(331, 39%, 50%) |
|
|
| 500 | oklch(0.483 0.116 352.22) | #8e3f65 | hsl(331, 39%, 40%) |
|
|
| 600 | oklch(0.433 0.101 352.25) | #793656 | hsl(331, 38%, 34%) |
|
|
| 700 | oklch(0.377 0.087 351.32) | #632c47 | hsl(331, 38%, 28%) |
|
|
| 800 | oklch(0.323 0.070 352.50) | #4e2337 | hsl(332, 38%, 22%) |
|
|
| 900 | oklch(0.265 0.055 352.03) | #391928 | hsl(332, 39%, 16%) |
|
|
| 950 | oklch(0.204 0.035 350.82) | #231019 | hsl(332, 37%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.007 286.27) | #e3e3e8 | hsl(240, 10%, 90%) |
|
|
| 100 | oklch(0.851 0.012 286.13) | #cdcdd6 | hsl(240, 10%, 82%) |
|
|
| 200 | oklch(0.781 0.020 285.93) | #b6b6c4 | hsl(240, 11%, 74%) |
|
|
| 300 | oklch(0.711 0.025 285.76) | #a0a0b1 | hsl(240, 10%, 66%) |
|
|
| 400 | oklch(0.638 0.033 285.44) | #89899f | hsl(240, 10%, 58%) |
|
|
| 500 | oklch(0.565 0.040 285.05) | #73738d | hsl(240, 10%, 50%) |
|
|
| 600 | oklch(0.498 0.036 285.00) | #606077 | hsl(240, 11%, 42%) |
|
|
| 700 | oklch(0.431 0.030 285.09) | #4e4e60 | hsl(240, 10%, 34%) |
|
|
| 800 | oklch(0.361 0.022 285.23) | #3c3c49 | hsl(240, 10%, 26%) |
|
|
| 900 | oklch(0.285 0.018 285.19) | #292933 | hsl(240, 11%, 18%) |
|
|
| 950 | oklch(0.207 0.010 285.51) | #17171c | hsl(240, 10%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.012 209.80) | #dfeaec | hsl(189, 25%, 90%) |
|
|
| 100 | oklch(0.881 0.021 211.76) | #c9dce0 | hsl(190, 27%, 83%) |
|
|
| 200 | oklch(0.835 0.031 207.05) | #b3cfd3 | hsl(188, 27%, 76%) |
|
|
| 300 | oklch(0.787 0.039 208.77) | #9dc1c7 | hsl(189, 27%, 70%) |
|
|
| 400 | oklch(0.738 0.047 208.54) | #88b3ba | hsl(188, 27%, 63%) |
|
|
| 500 | oklch(0.689 0.056 209.69) | #72a5ae | hsl(189, 27%, 56%) |
|
|
| 600 | oklch(0.616 0.060 210.32) | #588f99 | hsl(189, 27%, 47%) |
|
|
| 700 | oklch(0.526 0.051 210.00) | #46737b | hsl(189, 27%, 38%) |
|
|
| 800 | oklch(0.433 0.041 209.85) | #35575d | hsl(189, 27%, 29%) |
|
|
| 900 | oklch(0.335 0.029 206.23) | #243b3e | hsl(187, 27%, 19%) |
|
|
| 950 | oklch(0.225 0.016 209.99) | #131e20 | hsl(189, 25%, 10%) |
|
dsfds
| 50 | oklch(0.947 0.037 175.29) | #d5f6ec | hsl(162, 65%, 90%) |
|
|
| 100 | oklch(0.931 0.047 174.51) | #c9f3e6 | hsl(161, 64%, 87%) |
|
|
| 200 | oklch(0.918 0.057 174.20) | #bdf1e1 | hsl(162, 65%, 84%) |
|
|
| 300 | oklch(0.902 0.068 173.83) | #b0eedb | hsl(162, 65%, 81%) |
|
|
| 400 | oklch(0.889 0.078 173.41) | #a4ecd6 | hsl(162, 65%, 78%) |
|
|
| 500 | oklch(0.875 0.087 172.74) | #98e9d0 | hsl(161, 65%, 75%) |
|
|
| 600 | oklch(0.817 0.124 170.17) | #61ddb7 | hsl(162, 65%, 62%) |
|
|
| 700 | oklch(0.762 0.148 166.53) | #2ccf9d | hsl(162, 65%, 49%) |
|
|
| 800 | oklch(0.607 0.116 166.70) | #209873 | hsl(162, 65%, 36%) |
|
|
| 900 | oklch(0.441 0.081 167.82) | #15614a | hsl(162, 64%, 23%) |
|
|
| 950 | oklch(0.258 0.043 169.45) | #092a20 | hsl(162, 65%, 10%) |
|
dsfds
| 50 | oklch(0.959 0.078 138.37) | #d8ffcc | hsl(106, 100%, 90%) |
|
|
| 100 | oklch(0.959 0.078 138.37) | #d8ffcc | hsl(106, 100%, 90%) |
|
|
| 200 | oklch(0.959 0.078 138.37) | #d8ffcc | hsl(106, 100%, 90%) |
|
|
| 300 | oklch(0.959 0.078 138.37) | #d8ffcc | hsl(106, 100%, 90%) |
|
|
| 400 | oklch(0.959 0.078 138.37) | #d8ffcc | hsl(106, 100%, 90%) |
|
|
| 500 | oklch(0.959 0.078 138.37) | #d8ffcc | hsl(106, 100%, 90%) |
|
|
| 600 | oklch(0.909 0.195 138.68) | #9aff7a | hsl(106, 100%, 74%) |
|
|
| 700 | oklch(0.879 0.271 140.12) | #5bff29 | hsl(106, 100%, 58%) |
|
|
| 800 | oklch(0.764 0.252 141.09) | #32d600 | hsl(106, 100%, 42%) |
|
|
| 900 | oklch(0.538 0.176 140.76) | #1f8500 | hsl(106, 100%, 26%) |
|
|
| 950 | oklch(0.282 0.089 139.16) | #0c3300 | hsl(106, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
