Fresh Vibrant Color Palette
This palette radiates a fresh, uplifting vibe with vibrant greens and soothing teals, accented by a deep charcoal that adds a touch of sophistication and balance, perfect for a modern, serene space.
Practical uses and creative applications
The Fresh Vibrant Color Palette is an invigorating blend of lively hues that breathe energy into any project. With its bright shades of green (#d1dc5a and #77f2de) and refreshing tones of teal (#6ac5cb), this palette is perfect for brands aiming to convey a sense of vitality and innovation.
Ideal for web design and branding, these colors evoke a modern, eco-friendly vibe that resonates well with businesses in the health, wellness, and sustainability sectors. Additionally, the subtle contrast provided by the deep charcoal (#45444e) adds sophistication, making it suitable for packaging designs that require a touch of elegance alongside a youthful spirit.
This palette is particularly appealing to designers and creatives looking to create vibrant interiors or promotional materials. The soft pastel tones (#e0f7e0) create a calming backdrop that can enhance any space, making it a great choice for cafes, co-working spaces, or wellness centers.
Whether you're developing a refreshing website, eye-catching marketing collateral, or inviting interior spaces, the Fresh Vibrant Color Palette is your go-to choice for projects that aim to inspire and engage. Embrace these colors to elevate your designs and connect with your audience in a fresh, dynamic way.
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.962 0.043 111.43) | #f3f6d5 | hsl(65, 65%, 90%) |
|
|
| 100 | oklch(0.941 0.069 112.10) | #ecf1bc | hsl(66, 65%, 84%) |
|
|
| 200 | oklch(0.922 0.092 112.08) | #e6eca4 | hsl(65, 65%, 78%) |
|
|
| 300 | oklch(0.900 0.114 112.27) | #dfe68b | hsl(65, 65%, 72%) |
|
|
| 400 | oklch(0.880 0.135 113.00) | #d8e173 | hsl(65, 65%, 67%) |
|
|
| 500 | oklch(0.861 0.153 113.67) | #d1dc5a | hsl(65, 65%, 61%) |
|
|
| 600 | oklch(0.829 0.175 114.65) | #c5d32f | hsl(65, 65%, 51%) |
|
|
| 700 | oklch(0.706 0.148 114.46) | #9faa24 | hsl(65, 65%, 40%) |
|
|
| 800 | oklch(0.574 0.120 114.76) | #77801b | hsl(65, 65%, 30%) |
|
|
| 900 | oklch(0.430 0.087 114.60) | #4f5512 | hsl(65, 65%, 20%) |
|
|
| 950 | oklch(0.274 0.051 114.18) | #272a09 | hsl(65, 65%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.053 145.14) | #d6f5d6 | hsl(120, 61%, 90%) |
|
|
| 100 | oklch(0.941 0.049 145.17) | #d8f5d8 | hsl(120, 59%, 90%) |
|
|
| 200 | oklch(0.945 0.047 145.19) | #daf6da | hsl(120, 61%, 91%) |
|
|
| 300 | oklch(0.947 0.044 145.22) | #dcf6dc | hsl(120, 59%, 91%) |
|
|
| 400 | oklch(0.951 0.042 145.23) | #def7de | hsl(120, 61%, 92%) |
|
|
| 500 | oklch(0.953 0.039 145.26) | #e0f7e0 | hsl(120, 59%, 92%) |
|
|
| 600 | oklch(0.859 0.123 144.41) | #9de69d | hsl(120, 59%, 76%) |
|
|
| 700 | oklch(0.777 0.197 143.38) | #5ad55a | hsl(120, 59%, 59%) |
|
|
| 800 | oklch(0.658 0.199 142.89) | #2dae2d | hsl(120, 59%, 43%) |
|
|
| 900 | oklch(0.464 0.136 142.99) | #1c6b1c | hsl(120, 59%, 26%) |
|
|
| 950 | oklch(0.249 0.065 143.30) | #0a290a | hsl(120, 61%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.045 184.45) | #d0fbf4 | hsl(170, 84%, 90%) |
|
|
| 100 | oklch(0.940 0.060 183.26) | #bff9ef | hsl(170, 83%, 86%) |
|
|
| 200 | oklch(0.924 0.075 183.46) | #adf7eb | hsl(170, 82%, 82%) |
|
|
| 300 | oklch(0.910 0.089 183.38) | #9bf5e7 | hsl(171, 82%, 78%) |
|
|
| 400 | oklch(0.898 0.103 181.77) | #89f4e2 | hsl(170, 83%, 75%) |
|
|
| 500 | oklch(0.885 0.115 181.53) | #77f2de | hsl(170, 83%, 71%) |
|
|
| 600 | oklch(0.853 0.143 178.69) | #3eedd0 | hsl(170, 83%, 59%) |
|
|
| 700 | oklch(0.790 0.144 177.13) | #15d8b9 | hsl(170, 82%, 46%) |
|
|
| 800 | oklch(0.632 0.115 176.71) | #0fa088 | hsl(170, 83%, 34%) |
|
|
| 900 | oklch(0.461 0.082 177.72) | #0a6758 | hsl(170, 82%, 22%) |
|
|
| 950 | oklch(0.275 0.047 179.04) | #042f28 | hsl(170, 84%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.024 203.08) | #d9f0f2 | hsl(185, 49%, 90%) |
|
|
| 100 | oklch(0.905 0.039 200.52) | #c3e8ea | hsl(183, 48%, 84%) |
|
|
| 200 | oklch(0.870 0.052 200.83) | #addfe2 | hsl(183, 48%, 78%) |
|
|
| 300 | oklch(0.835 0.065 202.13) | #96d6db | hsl(184, 49%, 72%) |
|
|
| 400 | oklch(0.803 0.077 200.96) | #80ced3 | hsl(184, 49%, 66%) |
|
|
| 500 | oklch(0.769 0.087 201.11) | #6ac5cb | hsl(184, 48%, 61%) |
|
|
| 600 | oklch(0.716 0.101 201.73) | #44b6be | hsl(184, 48%, 51%) |
|
|
| 700 | oklch(0.609 0.086 202.21) | #359299 | hsl(184, 49%, 40%) |
|
|
| 800 | oklch(0.497 0.069 200.48) | #286e72 | hsl(183, 48%, 30%) |
|
|
| 900 | oklch(0.375 0.050 201.16) | #1b494c | hsl(184, 48%, 20%) |
|
|
| 950 | oklch(0.243 0.029 202.94) | #0d2426 | hsl(185, 49%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.004 286.32) | #e4e4e7 | hsl(240, 6%, 90%) |
|
|
| 100 | oklch(0.817 0.011 291.90) | #c3c2ca | hsl(248, 7%, 78%) |
|
|
| 200 | oklch(0.714 0.017 289.79) | #a2a1ad | hsl(245, 7%, 65%) |
|
|
| 300 | oklch(0.604 0.026 291.01) | #817f90 | hsl(247, 7%, 53%) |
|
|
| 400 | oklch(0.499 0.022 292.13) | #63616f | hsl(249, 7%, 41%) |
|
|
| 500 | oklch(0.391 0.017 290.19) | #45444e | hsl(246, 7%, 29%) |
|
|
| 600 | oklch(0.357 0.015 290.69) | #3c3b44 | hsl(247, 7%, 25%) |
|
|
| 700 | oklch(0.321 0.014 291.32) | #33323a | hsl(248, 7%, 21%) |
|
|
| 800 | oklch(0.285 0.013 292.13) | #2a2930 | hsl(249, 8%, 17%) |
|
|
| 900 | oklch(0.249 0.007 285.84) | #212125 | hsl(240, 6%, 14%) |
|
|
| 950 | oklch(0.210 0.006 285.89) | #18181b | hsl(240, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
