Invigorating Nature Color Palette
This palette exudes an invigorating, nature-inspired vibe with deep ocean blues, vibrant greens, and refreshing pastel tones, creating a harmonious blend of tranquility and vitality.
Practical uses and creative applications
The Invigorating Nature Color Palette is a refreshing blend of deep greens and vibrant shades that evoke the essence of the great outdoors. Featuring rich hues like #02212E, #68C001, #B6FF36, #CAFEA6, and #F7FFF3, this palette is perfect for branding projects that aim to convey sustainability and a connection to nature.
Designers can utilize these colors in web design to create engaging, eco-friendly websites that resonate with environmentally conscious consumers. The dynamic combination of dark and light tones enhances visual interest, making it an excellent choice for packaging that seeks to stand out on the shelf.
Ideal for creatives in the organic food industry, wellness brands, or any business focused on nature-inspired products, the Invigorating Nature Color Palette embodies a sense of vitality and freshness. It suits a variety of styles, from minimalist to playful, allowing for versatility in interiors, where it can bring life to spaces through accent walls or decor accessories.
Whether you're a graphic designer crafting a logo or an interior decorator looking to create serene environments, this palette invites energy and rejuvenation, making it a standout choice for any project.
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.933 0.039 225.31) | #ceeffd | hsl(198, 92%, 90%) |
|
|
100 | oklch(0.832 0.097 226.93) | #7fd5f9 | hsl(198, 91%, 74%) |
|
|
200 | oklch(0.749 0.140 231.70) | #31bcf6 | hsl(198, 92%, 58%) |
|
|
300 | oklch(0.624 0.133 235.99) | #0992cc | hsl(198, 92%, 42%) |
|
|
400 | oklch(0.441 0.091 234.19) | #055a7d | hsl(198, 92%, 25%) |
|
|
500 | oklch(0.232 0.044 229.91) | #02212e | hsl(198, 92%, 9%) |
|
|
600 | oklch(0.233 0.045 231.86) | #02212f | hsl(199, 92%, 10%) |
|
|
700 | oklch(0.236 0.044 229.28) | #02222f | hsl(197, 92%, 10%) |
|
|
800 | oklch(0.237 0.045 231.23) | #022230 | hsl(198, 92%, 10%) |
|
|
900 | oklch(0.240 0.045 228.68) | #022330 | hsl(197, 92%, 10%) |
|
|
950 | oklch(0.241 0.046 230.62) | #022331 | hsl(198, 92%, 10%) |
|
50 | oklch(0.970 0.071 128.20) | #e7ffcc | hsl(88, 100%, 90%) |
|
|
100 | oklch(0.941 0.139 128.80) | #cffe97 | hsl(87, 98%, 79%) |
|
|
200 | oklch(0.919 0.199 130.48) | #b6fe62 | hsl(88, 99%, 69%) |
|
|
300 | oklch(0.903 0.240 132.45) | #9efe2d | hsl(88, 99%, 59%) |
|
|
400 | oklch(0.868 0.252 134.60) | #85f501 | hsl(88, 99%, 48%) |
|
|
500 | oklch(0.724 0.209 134.42) | #68c001 | hsl(88, 99%, 38%) |
|
|
600 | oklch(0.644 0.185 134.22) | #59a401 | hsl(88, 99%, 32%) |
|
|
700 | oklch(0.559 0.160 134.04) | #498701 | hsl(88, 99%, 27%) |
|
|
800 | oklch(0.474 0.135 133.65) | #3a6b01 | hsl(88, 98%, 21%) |
|
|
900 | oklch(0.385 0.109 132.91) | #2b4f00 | hsl(87, 100%, 15%) |
|
|
950 | oklch(0.290 0.081 132.19) | #1b3300 | hsl(88, 100%, 10%) |
|
50 | oklch(0.973 0.069 124.28) | #ecffcc | hsl(82, 100%, 90%) |
|
|
100 | oklch(0.960 0.108 124.40) | #e2ffae | hsl(81, 100%, 84%) |
|
|
200 | oklch(0.948 0.145 125.29) | #d7ff90 | hsl(82, 100%, 78%) |
|
|
300 | oklch(0.937 0.177 126.22) | #ccff72 | hsl(82, 100%, 72%) |
|
|
400 | oklch(0.927 0.205 127.27) | #c1ff54 | hsl(82, 100%, 66%) |
|
|
500 | oklch(0.918 0.226 128.49) | #b6ff36 | hsl(82, 100%, 61%) |
|
|
600 | oklch(0.907 0.248 131.05) | #a3ff02 | hsl(82, 100%, 50%) |
|
|
700 | oklch(0.772 0.211 130.99) | #83ce00 | hsl(82, 100%, 40%) |
|
|
800 | oklch(0.623 0.169 130.65) | #629a00 | hsl(82, 100%, 30%) |
|
|
900 | oklch(0.467 0.126 130.26) | #416700 | hsl(82, 100%, 20%) |
|
|
950 | oklch(0.293 0.078 128.72) | #203300 | hsl(82, 100%, 10%) |
|
50 | oklch(0.964 0.071 132.65) | #e1fecd | hsl(96, 96%, 90%) |
|
|
100 | oklch(0.958 0.083 132.93) | #dcfec5 | hsl(96, 97%, 88%) |
|
|
200 | oklch(0.954 0.094 132.63) | #d8febd | hsl(95, 97%, 87%) |
|
|
300 | oklch(0.949 0.105 132.90) | #d3feb5 | hsl(95, 97%, 85%) |
|
|
400 | oklch(0.945 0.115 132.96) | #cffeae | hsl(95, 98%, 84%) |
|
|
500 | oklch(0.941 0.126 133.21) | #cafea6 | hsl(95, 98%, 82%) |
|
|
600 | oklch(0.904 0.213 134.67) | #9ffd5d | hsl(95, 98%, 68%) |
|
|
700 | oklch(0.879 0.264 137.37) | #73fc14 | hsl(95, 97%, 53%) |
|
|
800 | oklch(0.725 0.223 137.90) | #52c402 | hsl(95, 98%, 39%) |
|
|
900 | oklch(0.516 0.157 137.47) | #337b01 | hsl(95, 98%, 24%) |
|
|
950 | oklch(0.283 0.082 135.57) | #153201 | hsl(96, 96%, 10%) |
|
50 | oklch(0.963 0.076 135.24) | #ddffcc | hsl(100, 100%, 90%) |
|
|
100 | oklch(0.968 0.064 135.43) | #e2ffd4 | hsl(100, 100%, 92%) |
|
|
200 | oklch(0.973 0.052 135.75) | #e7ffdc | hsl(101, 100%, 93%) |
|
|
300 | oklch(0.979 0.041 134.21) | #edffe3 | hsl(99, 100%, 95%) |
|
|
400 | oklch(0.985 0.030 134.39) | #f2ffeb | hsl(99, 100%, 96%) |
|
|
500 | oklch(0.991 0.018 134.92) | #f7fff3 | hsl(100, 100%, 98%) |
|
|
600 | oklch(0.932 0.147 135.99) | #bbff9a | hsl(100, 100%, 80%) |
|
|
700 | oklch(0.893 0.247 137.53) | #80ff40 | hsl(100, 100%, 63%) |
|
|
800 | oklch(0.811 0.259 139.69) | #4de600 | hsl(100, 100%, 45%) |
|
|
900 | oklch(0.563 0.178 139.24) | #2f8c00 | hsl(100, 100%, 27%) |
|
|
950 | oklch(0.284 0.087 137.36) | #113300 | hsl(100, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection