Serene Nature-Inspired Color Palette
This palette exudes a serene, nature-inspired vibe with soft earthy tones of beige and muted greens, accented by refreshing teal and deep charcoal, creating a harmonious blend of calm sophistication and modern elegance.
Practical uses and creative applications
The Serene Nature-Inspired Color Palette is a harmonious blend of soft greens and calming neutrals, perfect for creating a tranquil environment in various design projects. With colors like #e3dfba and #c8d6bf evoking gentle sunlight filtering through leaves, this palette is ideal for branding and web design aimed at wellness brands, eco-friendly products, or lifestyle blogs that prioritize serenity and mindfulness.
Its soothing hues can help convey a sense of reliability and peace, making it a go-to choice for designers looking to establish a calming yet professional aesthetic. Ideal for creatives and designers, this palette works beautifully in packaging for organic products, interior design for relaxation spaces, and even event planning for serene gatherings or retreats.
The deep tones of #1a1f1e can add a grounding touch, making it suitable for sophisticated brand identities that connect with nature. Whether you're crafting a tranquil website for a yoga studio or designing a cozy cafe's interior, the Serene Nature-Inspired Color Palette will inspire a mood of relaxation and connection to the natural world, inviting audiences to immerse themselves in a peaceful 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.946 0.025 101.97) | #f0eedb | hsl(54, 41%, 90%) |
|
|
| 100 | oklch(0.936 0.031 100.89) | #eeebd4 | hsl(53, 43%, 88%) |
|
|
| 200 | oklch(0.926 0.035 101.65) | #ebe8ce | hsl(54, 42%, 86%) |
|
|
| 300 | oklch(0.916 0.040 102.46) | #e8e5c7 | hsl(55, 42%, 85%) |
|
|
| 400 | oklch(0.907 0.044 101.53) | #e6e2c1 | hsl(54, 43%, 83%) |
|
|
| 500 | oklch(0.897 0.049 102.23) | #e3dfba | hsl(54, 42%, 81%) |
|
|
| 600 | oklch(0.820 0.085 102.83) | #cec786 | hsl(54, 42%, 67%) |
|
|
| 700 | oklch(0.744 0.114 103.12) | #b9af53 | hsl(54, 42%, 53%) |
|
|
| 800 | oklch(0.601 0.096 103.16) | #8b8339 | hsl(54, 42%, 38%) |
|
|
| 900 | oklch(0.436 0.067 103.25) | #585324 | hsl(54, 42%, 24%) |
|
|
| 950 | oklch(0.249 0.032 103.19) | #24220f | hsl(54, 41%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.016 133.83) | #e4ebe0 | hsl(98, 22%, 90%) |
|
|
| 100 | oklch(0.918 0.021 131.46) | #dfe7d9 | hsl(94, 23%, 88%) |
|
|
| 200 | oklch(0.904 0.024 133.47) | #d9e3d3 | hsl(98, 22%, 86%) |
|
|
| 300 | oklch(0.887 0.027 133.00) | #d3decc | hsl(97, 21%, 84%) |
|
|
| 400 | oklch(0.874 0.030 132.62) | #cedac6 | hsl(96, 21%, 82%) |
|
|
| 500 | oklch(0.859 0.035 132.98) | #c8d6bf | hsl(97, 22%, 79%) |
|
|
| 600 | oklch(0.761 0.059 133.15) | #a3ba94 | hsl(96, 22%, 65%) |
|
|
| 700 | oklch(0.664 0.085 133.80) | #7e9f69 | hsl(97, 22%, 52%) |
|
|
| 800 | oklch(0.531 0.069 133.32) | #5c754b | hsl(96, 22%, 38%) |
|
|
| 900 | oklch(0.387 0.047 133.88) | #3a4a30 | hsl(97, 21%, 24%) |
|
|
| 950 | oklch(0.228 0.023 134.39) | #181f14 | hsl(98, 22%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.020 189.21) | #dcefed | hsl(174, 37%, 90%) |
|
|
| 100 | oklch(0.911 0.028 188.27) | #cee8e5 | hsl(173, 36%, 86%) |
|
|
| 200 | oklch(0.884 0.036 187.85) | #bfe1dd | hsl(173, 36%, 82%) |
|
|
| 300 | oklch(0.857 0.044 187.46) | #b0dad5 | hsl(173, 36%, 77%) |
|
|
| 400 | oklch(0.831 0.051 188.46) | #a2d3ce | hsl(174, 36%, 73%) |
|
|
| 500 | oklch(0.804 0.059 187.91) | #93ccc6 | hsl(174, 36%, 69%) |
|
|
| 600 | oklch(0.732 0.079 186.21) | #6ab9b0 | hsl(173, 36%, 57%) |
|
|
| 700 | oklch(0.642 0.082 185.95) | #4a9d94 | hsl(173, 36%, 45%) |
|
|
| 800 | oklch(0.517 0.064 186.92) | #37746e | hsl(174, 36%, 34%) |
|
|
| 900 | oklch(0.383 0.045 186.81) | #244b47 | hsl(174, 35%, 22%) |
|
|
| 950 | oklch(0.239 0.025 186.98) | #102321 | hsl(174, 37%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.020 189.21) | #dcefed | hsl(174, 37%, 90%) |
|
|
| 100 | oklch(0.898 0.034 189.66) | #c5e5e2 | hsl(174, 38%, 84%) |
|
|
| 200 | oklch(0.859 0.046 189.49) | #afdbd7 | hsl(175, 38%, 77%) |
|
|
| 300 | oklch(0.821 0.058 189.20) | #99d1cc | hsl(175, 38%, 71%) |
|
|
| 400 | oklch(0.782 0.070 187.75) | #82c7c0 | hsl(174, 38%, 65%) |
|
|
| 500 | oklch(0.744 0.081 187.42) | #6cbdb5 | hsl(174, 38%, 58%) |
|
|
| 600 | oklch(0.682 0.090 186.85) | #4daba2 | hsl(174, 38%, 49%) |
|
|
| 700 | oklch(0.581 0.075 187.14) | #3e8982 | hsl(174, 38%, 39%) |
|
|
| 800 | oklch(0.474 0.061 186.20) | #2e6761 | hsl(174, 38%, 29%) |
|
|
| 900 | oklch(0.361 0.044 186.44) | #1f4541 | hsl(174, 38%, 20%) |
|
|
| 950 | oklch(0.239 0.025 186.98) | #102321 | hsl(174, 37%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.006 183.02) | #e3e8e7 | hsl(168, 10%, 90%) |
|
|
| 100 | oklch(0.808 0.012 184.00) | #b8c3c1 | hsl(169, 8%, 74%) |
|
|
| 200 | oklch(0.684 0.021 184.64) | #8c9e9b | hsl(170, 8%, 58%) |
|
|
| 300 | oklch(0.549 0.023 184.94) | #637673 | hsl(171, 9%, 43%) |
|
|
| 400 | oklch(0.401 0.016 178.67) | #3f4b48 | hsl(165, 9%, 27%) |
|
|
| 500 | oklch(0.234 0.008 182.27) | #1a1f1e | hsl(168, 9%, 11%) |
|
|
| 600 | oklch(0.229 0.008 182.25) | #191e1d | hsl(168, 9%, 11%) |
|
|
| 700 | oklch(0.229 0.008 182.25) | #191e1d | hsl(168, 9%, 11%) |
|
|
| 800 | oklch(0.225 0.008 182.22) | #181d1c | hsl(168, 9%, 10%) |
|
|
| 900 | oklch(0.222 0.006 179.03) | #181c1b | hsl(165, 8%, 10%) |
|
|
| 950 | oklch(0.221 0.008 182.20) | #171c1b | hsl(168, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
