Serene Nature Color Palette
This palette exudes a serene, organic vibe with soft sage greens and muted yellows, harmoniously balanced by a deep, grounding charcoal, perfect for a tranquil, nature-inspired aesthetic.
Practical uses and creative applications
The Serene Nature Color Palette exudes tranquility and harmony, making it an ideal choice for brands and projects that seek to evoke a sense of calm and connection to the natural world. With its soft greens and earthy neutrals#b2b39f, #c8c9b5, #dedfc5, #f5f7bd, and #3d423cthis palette is perfect for web design, branding, and packaging that focus on wellness, sustainability, or outdoor adventures.
Designers can leverage these soothing tones to create visually appealing and cohesive brand identities that resonate with audiences looking for a peaceful escape. Ideal for creatives in the fields of interior design, lifestyle blogging, or eco-friendly product packaging, the Serene Nature Color Palette brings a touch of nature indoors.
Its calming hues can transform spaces into serene retreats, making it suitable for wellness centers, spas, or even cozy home environments. Whether you're a graphic designer crafting a minimalist website or a product developer aiming for a natural aesthetic, this palette will help you convey an inviting and grounded atmosphere that appeals to nature-loving consumers.
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.930 0.007 106.53) | #e8e8e3 | hsl(60, 10%, 90%) |
|
|
| 100 | oklch(0.897 0.012 111.78) | #ddded5 | hsl(67, 12%, 85%) |
|
|
| 200 | oklch(0.864 0.015 106.71) | #d3d3c8 | hsl(60, 11%, 81%) |
|
|
| 300 | oklch(0.829 0.019 106.81) | #c8c8ba | hsl(60, 11%, 76%) |
|
|
| 400 | oklch(0.796 0.023 109.66) | #bdbead | hsl(64, 12%, 71%) |
|
|
| 500 | oklch(0.760 0.028 109.38) | #b2b39f | hsl(63, 12%, 66%) |
|
|
| 600 | oklch(0.677 0.038 110.86) | #989a7f | hsl(64, 12%, 55%) |
|
|
| 700 | oklch(0.581 0.038 111.16) | #7b7d63 | hsl(65, 12%, 44%) |
|
|
| 800 | oklch(0.472 0.031 109.89) | #5c5d49 | hsl(63, 12%, 33%) |
|
|
| 900 | oklch(0.355 0.022 111.07) | #3c3d30 | hsl(65, 12%, 21%) |
|
|
| 950 | oklch(0.225 0.009 107.13) | #1c1c17 | hsl(60, 10%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.009 106.58) | #e9e9e2 | hsl(60, 14%, 90%) |
|
|
| 100 | oklch(0.912 0.013 111.29) | #e2e3d9 | hsl(66, 15%, 87%) |
|
|
| 200 | oklch(0.891 0.016 106.72) | #dcdcd0 | hsl(60, 15%, 84%) |
|
|
| 300 | oklch(0.871 0.020 109.91) | #d5d6c7 | hsl(64, 15%, 81%) |
|
|
| 400 | oklch(0.850 0.023 106.88) | #cfcfbe | hsl(60, 15%, 78%) |
|
|
| 500 | oklch(0.830 0.027 109.31) | #c8c9b5 | hsl(63, 16%, 75%) |
|
|
| 600 | oklch(0.739 0.042 108.95) | #acad8f | hsl(62, 15%, 62%) |
|
|
| 700 | oklch(0.641 0.055 110.31) | #8e9069 | hsl(63, 16%, 49%) |
|
|
| 800 | oklch(0.515 0.043 109.48) | #696a4d | hsl(62, 16%, 36%) |
|
|
| 900 | oklch(0.380 0.031 110.28) | #434431 | hsl(63, 16%, 23%) |
|
|
| 950 | oklch(0.228 0.013 107.39) | #1d1d16 | hsl(60, 14%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.020 109.87) | #ecedde | hsl(64, 29%, 90%) |
|
|
| 100 | oklch(0.932 0.023 109.56) | #e9ead9 | hsl(64, 29%, 88%) |
|
|
| 200 | oklch(0.923 0.025 106.88) | #e7e7d4 | hsl(60, 28%, 87%) |
|
|
| 300 | oklch(0.915 0.029 109.08) | #e4e5cf | hsl(63, 30%, 85%) |
|
|
| 400 | oklch(0.906 0.032 108.97) | #e1e2ca | hsl(63, 29%, 84%) |
|
|
| 500 | oklch(0.896 0.035 108.88) | #dedfc5 | hsl(62, 29%, 82%) |
|
|
| 600 | oklch(0.810 0.064 109.74) | #c3c595 | hsl(63, 29%, 68%) |
|
|
| 700 | oklch(0.723 0.091 110.63) | #a8ab66 | hsl(63, 29%, 54%) |
|
|
| 800 | oklch(0.585 0.079 110.36) | #7e8047 | hsl(62, 29%, 39%) |
|
|
| 900 | oklch(0.421 0.054 109.90) | #4f502c | hsl(62, 29%, 24%) |
|
|
| 950 | oklch(0.242 0.027 111.46) | #202112 | hsl(64, 29%, 10%) |
|
dsfds
| 50 | oklch(0.971 0.051 108.51) | #f8f9d2 | hsl(62, 76%, 90%) |
|
|
| 100 | oklch(0.970 0.057 109.56) | #f7f9cd | hsl(63, 79%, 89%) |
|
|
| 200 | oklch(0.967 0.061 108.49) | #f7f8c9 | hsl(61, 77%, 88%) |
|
|
| 300 | oklch(0.965 0.066 109.43) | #f6f8c5 | hsl(62, 78%, 87%) |
|
|
| 400 | oklch(0.962 0.069 108.52) | #f6f7c1 | hsl(61, 77%, 86%) |
|
|
| 500 | oklch(0.961 0.074 109.36) | #f5f7bd | hsl(62, 78%, 85%) |
|
|
| 600 | oklch(0.925 0.142 110.61) | #ebef78 | hsl(62, 79%, 70%) |
|
|
| 700 | oklch(0.892 0.184 111.62) | #e0e634 | hsl(62, 78%, 55%) |
|
|
| 800 | oklch(0.750 0.162 112.12) | #b1b716 | hsl(62, 79%, 40%) |
|
|
| 900 | oklch(0.532 0.113 111.55) | #6f720e | hsl(62, 78%, 25%) |
|
|
| 950 | oklch(0.287 0.057 110.94) | #2c2d06 | hsl(62, 76%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.005 134.85) | #e5e7e4 | hsl(100, 6%, 90%) |
|
|
| 100 | oklch(0.824 0.010 140.51) | #c2c7c1 | hsl(110, 5%, 77%) |
|
|
| 200 | oklch(0.720 0.014 141.79) | #a0a79f | hsl(113, 4%, 64%) |
|
|
| 300 | oklch(0.615 0.021 140.48) | #7e887c | hsl(110, 5%, 51%) |
|
|
| 400 | oklch(0.497 0.017 142.16) | #5d655c | hsl(113, 5%, 38%) |
|
|
| 500 | oklch(0.372 0.012 140.48) | #3d423c | hsl(110, 5%, 25%) |
|
|
| 600 | oklch(0.343 0.010 139.44) | #363a35 | hsl(108, 5%, 22%) |
|
|
| 700 | oklch(0.312 0.009 145.36) | #2e322e | hsl(120, 4%, 19%) |
|
|
| 800 | oklch(0.281 0.007 145.39) | #272a27 | hsl(120, 4%, 16%) |
|
|
| 900 | oklch(0.252 0.009 137.82) | #20231f | hsl(105, 6%, 13%) |
|
|
| 950 | oklch(0.219 0.006 134.98) | #191b18 | hsl(100, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
