Serene Nature-Inspired Color Palette
This palette radiates a serene, nature-inspired vibe with soft, sun-kissed yellows, fresh greens, deep teal, and earthy terracotta, evoking a harmonious blend of warmth and tranquility.
Practical uses and creative applications
The Serene Nature-Inspired Color Palette is a harmonious blend that evokes the tranquility of the great outdoors. Featuring soft hues like #fef7d5, a gentle cream, alongside the calming greens of #abee93 and #2d938e, this palette is perfect for branding and web design that aims to convey a sense of peace and sustainability.
The deep navy #0b4462 adds depth, while the warm coral #f7a48b offers a touch of energy, making it ideal for creative projects that need to inspire trust and creativity. This palette is particularly well-suited for designers and creatives in industries such as wellness, eco-friendly products, and organic food brands.
Its soothing tones create a welcoming atmosphere, making it a fantastic choice for packaging designs that want to communicate a natural and organic feel. Additionally, interior designers can utilize this palette to craft serene living spaces that promote relaxation and connection to nature, perfect for spas, cafes, or home decor.
By integrating the Serene Nature-Inspired Color Palette into your projects, you can create visually appealing designs that resonate with audiences seeking a calm and nurturing aesthetic. Whether you're developing a brand identity, designing a website, or curating an interior space, these colors work harmoniously to evoke a sense of serenity and natural 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.969 0.054 98.14) | #fef6cd | hsl(50, 96%, 90%) |
|
|
| 100 | oklch(0.970 0.051 97.65) | #fef6cf | hsl(50, 96%, 90%) |
|
|
| 200 | oklch(0.970 0.050 97.38) | #fef6d0 | hsl(50, 96%, 91%) |
|
|
| 300 | oklch(0.970 0.048 96.81) | #fef6d2 | hsl(49, 96%, 91%) |
|
|
| 400 | oklch(0.972 0.047 98.10) | #fef7d3 | hsl(50, 96%, 91%) |
|
|
| 500 | oklch(0.973 0.045 97.54) | #fef7d5 | hsl(50, 95%, 92%) |
|
|
| 600 | oklch(0.927 0.123 98.28) | #fce884 | hsl(50, 95%, 75%) |
|
|
| 700 | oklch(0.885 0.171 96.56) | #fad832 | hsl(50, 95%, 59%) |
|
|
| 800 | oklch(0.769 0.157 94.52) | #d4b105 | hsl(50, 95%, 43%) |
|
|
| 900 | oklch(0.540 0.110 94.83) | #836d03 | hsl(50, 96%, 26%) |
|
|
| 950 | oklch(0.285 0.058 97.74) | #322a01 | hsl(50, 96%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.057 137.22) | #ddf8d3 | hsl(104, 73%, 90%) |
|
|
| 100 | oklch(0.936 0.073 137.26) | #d3f6c6 | hsl(104, 73%, 87%) |
|
|
| 200 | oklch(0.922 0.090 137.31) | #c9f4b9 | hsl(104, 73%, 84%) |
|
|
| 300 | oklch(0.909 0.106 137.69) | #bff2ad | hsl(104, 73%, 81%) |
|
|
| 400 | oklch(0.896 0.122 137.71) | #b5f0a0 | hsl(104, 73%, 78%) |
|
|
| 500 | oklch(0.883 0.138 137.76) | #abee93 | hsl(104, 73%, 75%) |
|
|
| 600 | oklch(0.831 0.202 138.38) | #7ee559 | hsl(104, 73%, 62%) |
|
|
| 700 | oklch(0.780 0.238 139.62) | #52d922 | hsl(104, 73%, 49%) |
|
|
| 800 | oklch(0.620 0.186 139.38) | #3d9f19 | hsl(104, 73%, 36%) |
|
|
| 900 | oklch(0.452 0.132 139.18) | #276610 | hsl(104, 73%, 23%) |
|
|
| 950 | oklch(0.262 0.069 138.42) | #112c07 | hsl(104, 73%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.028 193.97) | #d8f3f2 | hsl(178, 53%, 90%) |
|
|
| 100 | oklch(0.889 0.057 192.06) | #afe7e4 | hsl(177, 54%, 80%) |
|
|
| 200 | oklch(0.834 0.082 191.81) | #86dad6 | hsl(177, 53%, 69%) |
|
|
| 300 | oklch(0.785 0.103 190.53) | #5dcec8 | hsl(177, 54%, 59%) |
|
|
| 400 | oklch(0.725 0.111 189.74) | #3abcb5 | hsl(177, 53%, 48%) |
|
|
| 500 | oklch(0.605 0.091 190.26) | #2d938e | hsl(177, 53%, 38%) |
|
|
| 600 | oklch(0.538 0.081 190.60) | #267d79 | hsl(177, 53%, 32%) |
|
|
| 700 | oklch(0.473 0.070 189.77) | #206864 | hsl(177, 53%, 27%) |
|
|
| 800 | oklch(0.401 0.058 190.14) | #19524f | hsl(177, 53%, 21%) |
|
|
| 900 | oklch(0.330 0.046 190.78) | #133d3b | hsl(177, 53%, 16%) |
|
|
| 950 | oklch(0.252 0.033 191.98) | #0c2726 | hsl(178, 53%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.034 230.23) | #d1ecfa | hsl(200, 80%, 90%) |
|
|
| 100 | oklch(0.830 0.080 232.59) | #92d1f3 | hsl(201, 80%, 76%) |
|
|
| 200 | oklch(0.742 0.120 234.85) | #53b7ec | hsl(201, 80%, 63%) |
|
|
| 300 | oklch(0.658 0.144 239.92) | #199be0 | hsl(201, 80%, 49%) |
|
|
| 400 | oklch(0.519 0.111 238.91) | #1270a1 | hsl(201, 80%, 35%) |
|
|
| 500 | oklch(0.368 0.075 238.07) | #0b4462 | hsl(201, 80%, 21%) |
|
|
| 600 | oklch(0.342 0.069 237.91) | #0a3d58 | hsl(201, 80%, 19%) |
|
|
| 700 | oklch(0.316 0.062 236.59) | #09364d | hsl(200, 79%, 17%) |
|
|
| 800 | oklch(0.286 0.057 237.65) | #072e43 | hsl(201, 81%, 15%) |
|
|
| 900 | oklch(0.259 0.049 235.78) | #062738 | hsl(200, 81%, 12%) |
|
|
| 950 | oklch(0.231 0.042 234.97) | #05202e | hsl(200, 80%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.041 38.73) | #fcdacf | hsl(15, 88%, 90%) |
|
|
| 100 | oklch(0.889 0.053 37.07) | #fbcfc2 | hsl(14, 88%, 87%) |
|
|
| 200 | oklch(0.864 0.066 37.13) | #fac4b4 | hsl(14, 88%, 84%) |
|
|
| 300 | oklch(0.840 0.079 37.19) | #f9b9a6 | hsl(14, 87%, 81%) |
|
|
| 400 | oklch(0.818 0.092 37.47) | #f8af99 | hsl(14, 87%, 79%) |
|
|
| 500 | oklch(0.795 0.105 37.50) | #f7a48b | hsl(14, 87%, 76%) |
|
|
| 600 | oklch(0.700 0.167 37.57) | #f3734c | hsl(14, 87%, 63%) |
|
|
| 700 | oklch(0.627 0.212 35.10) | #ec4310 | hsl(14, 87%, 49%) |
|
|
| 800 | oklch(0.499 0.166 35.36) | #ad310c | hsl(14, 87%, 36%) |
|
|
| 900 | oklch(0.364 0.116 35.78) | #6e1f08 | hsl(14, 86%, 23%) |
|
|
| 950 | oklch(0.218 0.060 40.19) | #300e03 | hsl(15, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
