Serene Nature Color Palette
A serene, nature-inspired palette of muted greens and soft yellows, anchored by deep charcoal, evokes a tranquil, organic vibe perfect for a grounded, rustic aesthetic.
Practical uses and creative applications
The Serene Nature Color Palette is a harmonious blend of muted greens, earthy tones, and soft neutrals that evoke the tranquility of the great outdoors. Featuring colors like #839074, #939e78, and #a8a878, this palette is perfect for branding and web design aimed at eco-conscious brands, wellness products, or outdoor lifestyle companies.
The grounding dark hue of #061013 adds depth, while the gentle brightness of #cdcd76 brings a touch of warmth, creating a balanced aesthetic that resonates with nature lovers and those seeking a peaceful vibe. Ideal for designers and creatives, this color palette can be seamlessly integrated into various applications, from product packaging to interior design.
Imagine using these soothing tones in a wellness retreat's branding, or as the foundation for a calming website that invites visitors to explore mindfulness. The Serene Nature Color Palette is not only versatile but also instills a sense of calm and connection to nature, making it an excellent choice for projects that aim to inspire and uplift.
Whether you're a graphic designer, interior decorator, or branding strategist, this palette will help you create visuals that reflect serenity and sustainability.
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.928 0.007 124.45) | #e6e8e3 | hsl(84, 10%, 90%) |
|
|
| 100 | oklch(0.872 0.015 128.65) | #d2d7cd | hsl(90, 11%, 82%) |
|
|
| 200 | oklch(0.814 0.022 127.45) | #bec5b6 | hsl(88, 11%, 74%) |
|
|
| 300 | oklch(0.754 0.028 127.86) | #aab3a0 | hsl(88, 11%, 66%) |
|
|
| 400 | oklch(0.697 0.036 127.44) | #97a28a | hsl(88, 11%, 59%) |
|
|
| 500 | oklch(0.635 0.043 127.89) | #839074 | hsl(88, 11%, 51%) |
|
|
| 600 | oklch(0.560 0.038 127.66) | #6e7961 | hsl(88, 11%, 43%) |
|
|
| 700 | oklch(0.482 0.033 127.34) | #59624e | hsl(87, 11%, 35%) |
|
|
| 800 | oklch(0.402 0.026 127.93) | #444b3c | hsl(88, 11%, 26%) |
|
|
| 900 | oklch(0.316 0.020 127.45) | #2f3429 | hsl(87, 12%, 18%) |
|
|
| 950 | oklch(0.222 0.010 125.00) | #1a1c17 | hsl(84, 10%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.012 121.71) | #e7eae1 | hsl(80, 18%, 90%) |
|
|
| 100 | oklch(0.883 0.021 121.88) | #d6dbcc | hsl(80, 17%, 83%) |
|
|
| 200 | oklch(0.833 0.028 118.42) | #c6cbb7 | hsl(75, 16%, 76%) |
|
|
| 300 | oklch(0.783 0.037 119.50) | #b5bca2 | hsl(76, 16%, 69%) |
|
|
| 400 | oklch(0.732 0.046 120.30) | #a4ad8d | hsl(77, 16%, 62%) |
|
|
| 500 | oklch(0.680 0.055 120.99) | #939e78 | hsl(77, 16%, 55%) |
|
|
| 600 | oklch(0.604 0.056 121.21) | #7c8761 | hsl(77, 16%, 45%) |
|
|
| 700 | oklch(0.518 0.048 121.23) | #646d4e | hsl(77, 17%, 37%) |
|
|
| 800 | oklch(0.429 0.039 121.26) | #4c533b | hsl(78, 17%, 28%) |
|
|
| 900 | oklch(0.332 0.027 119.32) | #343828 | hsl(75, 17%, 19%) |
|
|
| 950 | oklch(0.229 0.017 122.74) | #1b1e15 | hsl(80, 18%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.015 106.68) | #ebebe0 | hsl(60, 22%, 90%) |
|
|
| 100 | oklch(0.895 0.025 106.90) | #dedecb | hsl(60, 22%, 83%) |
|
|
| 200 | oklch(0.851 0.035 107.12) | #d0d0b6 | hsl(60, 22%, 76%) |
|
|
| 300 | oklch(0.809 0.045 107.36) | #c3c3a2 | hsl(60, 22%, 70%) |
|
|
| 400 | oklch(0.763 0.055 107.63) | #b5b58d | hsl(60, 21%, 63%) |
|
|
| 500 | oklch(0.720 0.066 107.94) | #a8a878 | hsl(60, 22%, 56%) |
|
|
| 600 | oklch(0.647 0.072 108.24) | #92925e | hsl(60, 22%, 47%) |
|
|
| 700 | oklch(0.552 0.059 108.19) | #75754c | hsl(60, 21%, 38%) |
|
|
| 800 | oklch(0.455 0.048 108.18) | #595939 | hsl(60, 22%, 29%) |
|
|
| 900 | oklch(0.350 0.034 108.04) | #3c3c27 | hsl(60, 21%, 19%) |
|
|
| 950 | oklch(0.236 0.020 107.84) | #1f1f14 | hsl(60, 22%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.024 216.74) | #d8edf3 | hsl(193, 53%, 90%) |
|
|
| 100 | oklch(0.816 0.062 218.92) | #96cdde | hsl(194, 52%, 73%) |
|
|
| 200 | oklch(0.706 0.094 220.22) | #54aec9 | hsl(194, 52%, 56%) |
|
|
| 300 | oklch(0.559 0.084 221.54) | #307f97 | hsl(194, 52%, 39%) |
|
|
| 400 | oklch(0.377 0.053 219.93) | #1b4855 | hsl(193, 52%, 22%) |
|
|
| 500 | oklch(0.164 0.017 217.81) | #061013 | hsl(194, 52%, 5%) |
|
|
| 600 | oklch(0.177 0.019 220.87) | #071317 | hsl(195, 53%, 6%) |
|
|
| 700 | oklch(0.193 0.022 216.92) | #08171b | hsl(193, 54%, 7%) |
|
|
| 800 | oklch(0.206 0.024 220.28) | #0a1a1f | hsl(194, 51%, 8%) |
|
|
| 900 | oklch(0.218 0.027 221.90) | #0b1d23 | hsl(195, 52%, 9%) |
|
|
| 950 | oklch(0.233 0.029 218.83) | #0c2127 | hsl(193, 53%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.030 106.96) | #f1f1da | hsl(60, 45%, 90%) |
|
|
| 100 | oklch(0.928 0.047 107.29) | #eaeac6 | hsl(60, 46%, 85%) |
|
|
| 200 | oklch(0.904 0.064 107.62) | #e3e3b2 | hsl(60, 47%, 79%) |
|
|
| 300 | oklch(0.880 0.080 107.95) | #dcdc9e | hsl(60, 47%, 74%) |
|
|
| 400 | oklch(0.853 0.095 108.26) | #d4d48a | hsl(60, 46%, 69%) |
|
|
| 500 | oklch(0.829 0.110 108.57) | #cdcd76 | hsl(60, 47%, 63%) |
|
|
| 600 | oklch(0.780 0.134 109.14) | #bebe4e | hsl(60, 46%, 53%) |
|
|
| 700 | oklch(0.676 0.121 109.25) | #9d9d39 | hsl(60, 47%, 42%) |
|
|
| 800 | oklch(0.547 0.096 109.19) | #75752b | hsl(60, 46%, 31%) |
|
|
| 900 | oklch(0.409 0.069 109.11) | #4d4d1c | hsl(60, 47%, 21%) |
|
|
| 950 | oklch(0.258 0.038 108.79) | #25250e | hsl(60, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
