Nature-Inspired Color Palette
This palette blends deep forest greens and muted grays with fresh lime and soft cream tones, evoking a serene, nature-inspired ambiance that feels both calming and rejuvenating.
Practical uses and creative applications
The Nature-Inspired Color Palette combines deep, earthy tones with refreshing greens and soft neutrals, making it an ideal choice for a variety of design projects. The rich charcoal (#2F3634) and muted teal (#495451) evoke a sense of stability and sophistication, while the lively green (#BFEA69) adds a touch of vibrancy reminiscent of lush landscapes.
Perfect for branding, this palette resonates with eco-friendly businesses, wellness brands, and outdoor lifestyle companies, creating a connection to nature that appeals to environmentally conscious consumers. In web design, the Nature-Inspired Color Palette creates an inviting and calming online presence, ideal for blogs, portfolios, or e-commerce sites focused on sustainable products.
The soft whites (#EFF5EA and #FAFAFA) serve as excellent backgrounds, offering a clean canvas for showcasing content without overwhelming the viewer. Designers and creatives looking to evoke tranquility and balance in their projects will find this palette particularly effective, whether in packaging design that highlights organic products or in interiors where a serene atmosphere is desired.
With its versatile and harmonious hues, this palette is a perfect match for anyone seeking to bring the beauty of nature indoors.
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.
| 50 | oklch(0.925 0.003 174.48) | #e4e7e6 | hsl(160, 6%, 90%) |
|
|
| 100 | oklch(0.819 0.010 181.34) | #bdc6c4 | hsl(167, 7%, 76%) |
|
|
| 200 | oklch(0.710 0.017 176.86) | #97a5a1 | hsl(163, 7%, 62%) |
|
|
| 300 | oklch(0.595 0.021 175.95) | #72837e | hsl(162, 7%, 48%) |
|
|
| 400 | oklch(0.463 0.016 178.87) | #505c59 | hsl(165, 7%, 34%) |
|
|
| 500 | oklch(0.326 0.010 176.63) | #2f3634 | hsl(163, 7%, 20%) |
|
|
| 600 | oklch(0.306 0.010 176.55) | #2a312f | hsl(163, 8%, 18%) |
|
|
| 700 | oklch(0.284 0.007 182.47) | #262b2a | hsl(168, 6%, 16%) |
|
|
| 800 | oklch(0.263 0.007 182.40) | #212625 | hsl(168, 7%, 14%) |
|
|
| 900 | oklch(0.242 0.008 169.61) | #1c211f | hsl(156, 8%, 12%) |
|
|
| 950 | oklch(0.219 0.005 173.91) | #181b1a | hsl(160, 6%, 10%) |
|
| 50 | oklch(0.925 0.003 174.48) | #e4e7e6 | hsl(160, 6%, 90%) |
|
|
| 100 | oklch(0.835 0.009 179.55) | #c3cbc9 | hsl(165, 7%, 78%) |
|
|
| 200 | oklch(0.744 0.014 179.32) | #a3afac | hsl(165, 7%, 66%) |
|
|
| 300 | oklch(0.649 0.019 178.99) | #83938f | hsl(165, 7%, 55%) |
|
|
| 400 | oklch(0.545 0.019 177.75) | #657470 | hsl(164, 7%, 43%) |
|
|
| 500 | oklch(0.435 0.015 177.38) | #495451 | hsl(164, 7%, 31%) |
|
|
| 600 | oklch(0.395 0.014 175.60) | #3f4946 | hsl(162, 7%, 27%) |
|
|
| 700 | oklch(0.352 0.011 178.93) | #353d3b | hsl(165, 7%, 22%) |
|
|
| 800 | oklch(0.310 0.010 176.57) | #2b3230 | hsl(163, 8%, 18%) |
|
|
| 900 | oklch(0.267 0.008 169.73) | #222725 | hsl(156, 7%, 14%) |
|
|
| 950 | oklch(0.219 0.005 173.91) | #181b1a | hsl(160, 6%, 10%) |
|
| 50 | oklch(0.962 0.053 122.39) | #ecf9d2 | hsl(80, 76%, 90%) |
|
|
| 100 | oklch(0.945 0.077 122.84) | #e3f6bd | hsl(80, 76%, 85%) |
|
|
| 200 | oklch(0.928 0.100 123.32) | #daf3a8 | hsl(80, 76%, 81%) |
|
|
| 300 | oklch(0.912 0.123 123.84) | #d1f093 | hsl(80, 76%, 76%) |
|
|
| 400 | oklch(0.896 0.144 124.41) | #c8ed7e | hsl(80, 76%, 71%) |
|
|
| 500 | oklch(0.880 0.164 125.03) | #bfea69 | hsl(80, 75%, 66%) |
|
|
| 600 | oklch(0.846 0.200 127.01) | #a9e336 | hsl(80, 76%, 55%) |
|
|
| 700 | oklch(0.754 0.190 127.85) | #8cc41b | hsl(80, 76%, 44%) |
|
|
| 800 | oklch(0.607 0.151 127.73) | #689214 | hsl(80, 76%, 33%) |
|
|
| 900 | oklch(0.448 0.109 127.14) | #445f0d | hsl(80, 76%, 21%) |
|
|
| 950 | oklch(0.276 0.062 126.22) | #202d06 | hsl(80, 76%, 10%) |
|
| 50 | oklch(0.939 0.027 129.81) | #e5efdc | hsl(92, 37%, 90%) |
|
|
| 100 | oklch(0.944 0.024 129.90) | #e7f0df | hsl(92, 36%, 91%) |
|
|
| 200 | oklch(0.948 0.022 130.01) | #e9f1e2 | hsl(92, 35%, 92%) |
|
|
| 300 | oklch(0.952 0.019 130.18) | #ebf2e5 | hsl(92, 33%, 92%) |
|
|
| 400 | oklch(0.958 0.019 130.18) | #edf4e7 | hsl(92, 37%, 93%) |
|
|
| 500 | oklch(0.963 0.016 130.42) | #eff5ea | hsl(93, 35%, 94%) |
|
|
| 600 | oklch(0.858 0.060 130.63) | #c3d9b0 | hsl(92, 35%, 77%) |
|
|
| 700 | oklch(0.756 0.106 131.66) | #97be76 | hsl(93, 36%, 60%) |
|
|
| 800 | oklch(0.627 0.119 132.49) | #6c9748 | hsl(93, 35%, 44%) |
|
|
| 900 | oklch(0.444 0.081 132.58) | #425d2c | hsl(93, 36%, 27%) |
|
|
| 950 | oklch(0.241 0.037 131.33) | #192310 | hsl(92, 37%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.937 0.000 89.88) | #eaeaea | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.949 0.000 89.88) | #eeeeee | hsl(0, 0%, 93%) |
|
|
| 300 | oklch(0.961 0.000 89.88) | #f2f2f2 | hsl(0, 0%, 95%) |
|
|
| 400 | oklch(0.973 0.000 89.88) | #f6f6f6 | hsl(0, 0%, 96%) |
|
|
| 500 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 600 | oklch(0.848 0.000 89.88) | #cdcdcd | hsl(0, 0%, 80%) |
|
|
| 700 | oklch(0.706 0.000 89.88) | #a0a0a0 | hsl(0, 0%, 63%) |
|
|
| 800 | oklch(0.556 0.000 89.88) | #737373 | hsl(0, 0%, 45%) |
|
|
| 900 | oklch(0.394 0.000 89.88) | #464646 | hsl(0, 0%, 27%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
