Serene Nature-Inspired Color Palette
This palette exudes a serene, nature-inspired vibe with soft sage green, warm muted yellow, and gentle cream, contrasted by deep navy, creating a harmonious blend of tranquility and sophistication.
Practical uses and creative applications
The Serene Nature-Inspired Color Palette beautifully captures the tranquility of the great outdoors, making it an ideal choice for designers and creatives looking to evoke a sense of calmness and connection with nature. Featuring soothing greens like #87b091 and #c4d4ab, alongside soft neutrals such as #e0e0b6 and #eff0d5, this palette is perfect for branding that aims to promote wellness, sustainability, or organic products.
The deep accent of #171430 adds a touch of sophistication, ensuring that the overall aesthetic remains grounded yet elegant. This versatile palette is particularly well-suited for web design and packaging, where it can enhance user experience by creating a peaceful visual environment.
Brands in the health, wellness, and eco-friendly niches will find that these colors resonate deeply with their target audience, fostering trust and inviting engagement. Additionally, the serene hues can transform interiors, making them ideal for spaces meant for relaxation, such as spas, yoga studios, or meditation rooms.
Whether you're a graphic designer, product developer, or interior stylist, the Serene Nature-Inspired Color Palette offers an inviting foundation for your creative projects.
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.016 154.46) | #e0ebe3 | hsl(136, 22%, 90%) |
|
|
| 100 | oklch(0.887 0.025 152.84) | #cedfd2 | hsl(134, 21%, 84%) |
|
|
| 200 | oklch(0.846 0.033 152.36) | #bdd3c2 | hsl(134, 20%, 78%) |
|
|
| 300 | oklch(0.805 0.044 152.60) | #abc8b2 | hsl(134, 21%, 73%) |
|
|
| 400 | oklch(0.762 0.054 151.86) | #99bca1 | hsl(134, 21%, 67%) |
|
|
| 500 | oklch(0.719 0.063 152.07) | #87b091 | hsl(135, 21%, 61%) |
|
|
| 600 | oklch(0.642 0.080 151.04) | #689b74 | hsl(134, 20%, 51%) |
|
|
| 700 | oklch(0.549 0.069 151.67) | #527d5d | hsl(135, 21%, 41%) |
|
|
| 800 | oklch(0.447 0.054 150.82) | #3e5d45 | hsl(134, 20%, 30%) |
|
|
| 900 | oklch(0.341 0.039 151.35) | #293e2e | hsl(134, 20%, 20%) |
|
|
| 950 | oklch(0.226 0.022 152.86) | #141f17 | hsl(136, 22%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.024 125.20) | #e7eedd | hsl(85, 33%, 90%) |
|
|
| 100 | oklch(0.921 0.031 125.20) | #e0e9d3 | hsl(85, 33%, 87%) |
|
|
| 200 | oklch(0.901 0.036 124.30) | #d9e3c9 | hsl(83, 32%, 84%) |
|
|
| 300 | oklch(0.883 0.044 124.54) | #d2debf | hsl(83, 32%, 81%) |
|
|
| 400 | oklch(0.865 0.051 124.75) | #cbd9b5 | hsl(83, 32%, 78%) |
|
|
| 500 | oklch(0.847 0.058 124.96) | #c4d4ab | hsl(83, 32%, 75%) |
|
|
| 600 | oklch(0.767 0.090 126.02) | #a5be7f | hsl(84, 33%, 62%) |
|
|
| 700 | oklch(0.680 0.113 126.62) | #86a555 | hsl(83, 32%, 49%) |
|
|
| 800 | oklch(0.546 0.090 127.07) | #627a3e | hsl(84, 33%, 36%) |
|
|
| 900 | oklch(0.401 0.062 126.65) | #3f4e28 | hsl(84, 32%, 23%) |
|
|
| 950 | oklch(0.240 0.032 126.90) | #1b2211 | hsl(85, 33%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.028 106.92) | #f0f0db | hsl(60, 41%, 90%) |
|
|
| 100 | oklch(0.940 0.033 107.02) | #ededd4 | hsl(60, 41%, 88%) |
|
|
| 200 | oklch(0.926 0.038 107.12) | #e9e9cc | hsl(60, 40%, 86%) |
|
|
| 300 | oklch(0.916 0.044 107.23) | #e6e6c5 | hsl(60, 40%, 84%) |
|
|
| 400 | oklch(0.906 0.050 107.36) | #e3e3bd | hsl(60, 40%, 82%) |
|
|
| 500 | oklch(0.896 0.055 107.47) | #e0e0b6 | hsl(60, 40%, 80%) |
|
|
| 600 | oklch(0.826 0.092 108.26) | #cbcb84 | hsl(60, 41%, 66%) |
|
|
| 700 | oklch(0.756 0.123 109.01) | #b6b652 | hsl(60, 41%, 52%) |
|
|
| 800 | oklch(0.607 0.100 109.04) | #87873a | hsl(60, 40%, 38%) |
|
|
| 900 | oklch(0.441 0.071 108.98) | #565624 | hsl(60, 41%, 24%) |
|
|
| 950 | oklch(0.254 0.035 108.67) | #24240f | hsl(60, 41%, 10%) |
|
dsfds
| 50 | oklch(0.899 0.029 290.19) | #dddbf0 | hsl(246, 41%, 90%) |
|
|
| 100 | oklch(0.742 0.076 289.60) | #aaa4d9 | hsl(247, 41%, 75%) |
|
|
| 200 | oklch(0.581 0.128 286.56) | #766dc2 | hsl(246, 41%, 59%) |
|
|
| 300 | oklch(0.441 0.144 283.72) | #4c429e | hsl(247, 41%, 44%) |
|
|
| 400 | oklch(0.331 0.102 283.89) | #312b67 | hsl(246, 41%, 29%) |
|
|
| 500 | oklch(0.212 0.054 285.73) | #171430 | hsl(246, 41%, 13%) |
|
|
| 600 | oklch(0.207 0.052 285.96) | #16132e | hsl(247, 42%, 13%) |
|
|
| 700 | oklch(0.201 0.049 286.64) | #15122b | hsl(247, 41%, 12%) |
|
|
| 800 | oklch(0.196 0.047 286.93) | #141129 | hsl(248, 41%, 11%) |
|
|
| 900 | oklch(0.189 0.044 285.55) | #121026 | hsl(245, 41%, 11%) |
|
|
| 950 | oklch(0.184 0.042 285.82) | #110f24 | hsl(246, 41%, 10%) |
|
dsfds
| 50 | oklch(0.954 0.033 108.87) | #f1f2d9 | hsl(62, 49%, 90%) |
|
|
| 100 | oklch(0.951 0.032 108.93) | #f0f1d9 | hsl(63, 46%, 90%) |
|
|
| 200 | oklch(0.951 0.033 108.88) | #f0f1d8 | hsl(62, 47%, 90%) |
|
|
| 300 | oklch(0.951 0.034 108.83) | #f0f1d7 | hsl(62, 48%, 89%) |
|
|
| 400 | oklch(0.948 0.034 108.83) | #eff0d6 | hsl(62, 46%, 89%) |
|
|
| 500 | oklch(0.947 0.036 108.79) | #eff0d5 | hsl(62, 47%, 89%) |
|
|
| 600 | oklch(0.874 0.084 110.25) | #d8db9a | hsl(63, 47%, 73%) |
|
|
| 700 | oklch(0.802 0.127 110.95) | #c2c65f | hsl(62, 47%, 57%) |
|
|
| 800 | oklch(0.670 0.122 111.46) | #989c38 | hsl(62, 47%, 42%) |
|
|
| 900 | oklch(0.477 0.084 110.92) | #5f6123 | hsl(62, 47%, 26%) |
|
|
| 950 | oklch(0.261 0.041 110.99) | #25260d | hsl(62, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
