Modern Nature Color Palette
A sleek, modern blend of deep charcoal and soft moss green, punctuated by vibrant lime and pastel yellow hues, creating an energetic yet sophisticated vibe perfect for contemporary designs.
Practical uses and creative applications
The Modern Nature Color Palette harmoniously blends deep, earthy tones with vibrant accents, making it an ideal choice for various creative projects. Featuring rich shades of charcoal (#232323 and #464646) paired with lively greens (#C4E900, #E2FC42, and #EEFF81), this palette evokes a sense of balance and tranquility, perfect for brands that wish to convey eco-consciousness and modernity.
Whether you’re a designer looking to refresh your branding, a web developer crafting a nature-themed site, or a packaging designer aiming for an organic feel, this palette offers versatility to suit your needs. This color scheme is particularly well-suited for businesses in the wellness, sustainability, and outdoor industries.
It's an excellent fit for creatives who want to develop engaging interiors and product designs that reflect a natural aesthetic. The soothing yet vibrant colors can create inviting spaces or eye-catching packaging that resonates with eco-conscious consumers.
By utilizing the Modern Nature Color Palette, you can nurture a brand identity that not only stands out but also connects with your audience on a deeper, more meaningful level.
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.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.805 0.000 89.88) | #bfbfbf | hsl(0, 0%, 75%) |
|
|
| 200 | oklch(0.680 0.000 89.88) | #989898 | hsl(0, 0%, 60%) |
|
|
| 300 | oklch(0.549 0.000 89.88) | #717171 | hsl(0, 0%, 44%) |
|
|
| 400 | oklch(0.409 0.000 89.88) | #4a4a4a | hsl(0, 0%, 29%) |
|
|
| 500 | oklch(0.256 0.000 89.88) | #232323 | hsl(0, 0%, 14%) |
|
|
| 600 | oklch(0.248 0.000 89.88) | #212121 | hsl(0, 0%, 13%) |
|
|
| 700 | oklch(0.239 0.000 89.88) | #1f1f1f | hsl(0, 0%, 12%) |
|
|
| 800 | oklch(0.231 0.000 89.88) | #1d1d1d | hsl(0, 0%, 11%) |
|
|
| 900 | oklch(0.222 0.000 89.88) | #1b1b1b | hsl(0, 0%, 11%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.827 0.000 89.88) | #c6c6c6 | hsl(0, 0%, 78%) |
|
|
| 200 | oklch(0.725 0.000 89.88) | #a6a6a6 | hsl(0, 0%, 65%) |
|
|
| 300 | oklch(0.620 0.000 89.88) | #868686 | hsl(0, 0%, 53%) |
|
|
| 400 | oklch(0.510 0.000 89.88) | #666666 | hsl(0, 0%, 40%) |
|
|
| 500 | oklch(0.394 0.000 89.88) | #464646 | hsl(0, 0%, 27%) |
|
|
| 600 | oklch(0.360 0.000 89.88) | #3d3d3d | hsl(0, 0%, 24%) |
|
|
| 700 | oklch(0.325 0.000 89.88) | #343434 | hsl(0, 0%, 20%) |
|
|
| 800 | oklch(0.289 0.000 89.88) | #2b2b2b | hsl(0, 0%, 17%) |
|
|
| 900 | oklch(0.252 0.000 89.88) | #222222 | hsl(0, 0%, 13%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
| 50 | oklch(0.981 0.066 114.88) | #f7ffcc | hsl(69, 100%, 90%) |
|
|
| 100 | oklch(0.968 0.120 115.95) | #f0ff9f | hsl(69, 100%, 81%) |
|
|
| 200 | oklch(0.957 0.167 117.07) | #e9ff72 | hsl(69, 100%, 72%) |
|
|
| 300 | oklch(0.947 0.201 118.53) | #e1ff44 | hsl(70, 100%, 63%) |
|
|
| 400 | oklch(0.940 0.220 119.88) | #daff17 | hsl(70, 100%, 55%) |
|
|
| 500 | oklch(0.876 0.209 120.59) | #c4e900 | hsl(70, 100%, 46%) |
|
|
| 600 | oklch(0.772 0.185 120.71) | #a5c500 | hsl(70, 100%, 39%) |
|
|
| 700 | oklch(0.663 0.158 120.19) | #87a000 | hsl(69, 100%, 31%) |
|
|
| 800 | oklch(0.550 0.131 120.28) | #687c00 | hsl(70, 100%, 24%) |
|
|
| 900 | oklch(0.430 0.101 119.20) | #4a5700 | hsl(69, 100%, 17%) |
|
|
| 950 | oklch(0.303 0.071 118.82) | #2b3300 | hsl(69, 100%, 10%) |
|
| 50 | oklch(0.980 0.064 114.19) | #f7fecd | hsl(69, 96%, 90%) |
|
|
| 100 | oklch(0.971 0.098 114.87) | #f3feb1 | hsl(69, 97%, 85%) |
|
|
| 200 | oklch(0.961 0.129 115.15) | #effd95 | hsl(68, 96%, 79%) |
|
|
| 300 | oklch(0.955 0.157 115.94) | #ebfd7a | hsl(68, 97%, 74%) |
|
|
| 400 | oklch(0.946 0.180 116.71) | #e6fc5e | hsl(68, 96%, 68%) |
|
|
| 500 | oklch(0.941 0.199 117.47) | #e2fc42 | hsl(68, 97%, 62%) |
|
|
| 600 | oklch(0.932 0.217 118.96) | #dafb0d | hsl(68, 97%, 52%) |
|
|
| 700 | oklch(0.807 0.190 119.34) | #b3d003 | hsl(68, 97%, 41%) |
|
|
| 800 | oklch(0.650 0.152 118.92) | #869b02 | hsl(68, 97%, 31%) |
|
|
| 900 | oklch(0.485 0.113 118.63) | #596702 | hsl(68, 96%, 21%) |
|
|
| 950 | oklch(0.300 0.069 117.96) | #2b3201 | hsl(69, 96%, 10%) |
|
| 50 | oklch(0.982 0.066 113.98) | #f8ffcc | hsl(68, 100%, 90%) |
|
|
| 100 | oklch(0.978 0.085 114.30) | #f6ffbd | hsl(68, 100%, 87%) |
|
|
| 200 | oklch(0.973 0.103 114.63) | #f4ffae | hsl(68, 100%, 84%) |
|
|
| 300 | oklch(0.969 0.120 114.97) | #f2ff9f | hsl(68, 100%, 81%) |
|
|
| 400 | oklch(0.966 0.136 115.32) | #f0ff90 | hsl(68, 100%, 78%) |
|
|
| 500 | oklch(0.962 0.152 115.67) | #eeff81 | hsl(68, 100%, 75%) |
|
|
| 600 | oklch(0.950 0.203 117.33) | #e5ff3e | hsl(68, 100%, 62%) |
|
|
| 700 | oklch(0.931 0.219 119.17) | #d9fb00 | hsl(68, 100%, 49%) |
|
|
| 800 | oklch(0.737 0.173 119.04) | #9fb800 | hsl(68, 100%, 36%) |
|
|
| 900 | oklch(0.534 0.125 118.70) | #667600 | hsl(68, 100%, 23%) |
|
|
| 950 | oklch(0.304 0.071 117.77) | #2c3300 | hsl(68, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
