Fresh Vibrant Color Palette
This palette radiates a fresh, vibrant energy with soft greens and yellows that evoke a sunlit garden, grounded by deep teal and rich burgundy for a touch of earthy elegance.
Practical uses and creative applications
The Fresh Vibrant Color Palette is a delightful combination of lively hues that can invigorate any design project. Featuring shades like soft pastel green (#edf3c5), sunny yellow (#f2cc49), earthy olive (#b7be5f), refreshing teal (#24b399), and rich charcoal (#2d1c28), this palette is perfect for those looking to evoke a sense of energy and positivity.
Ideal for branding, web design, and packaging, these colors can help create a memorable identity that stands out in a crowded marketplace. Whether you’re launching a new product or revamping a company’s image, this palette brings a fresh and contemporary aesthetic.
Designers and creatives will find the Fresh Vibrant Color Palette particularly appealing for projects that aim to convey a modern and inviting atmosphere. Its versatility makes it suitable for various applications, from lively interiors that inspire creativity to eye-catching marketing materials that draw attention.
The combination of vibrant and muted tones can easily adapt to different styles, making it a go-to choice for industries like wellness, eco-friendly products, and lifestyle brands. Embrace this palette to infuse your designs with a sense of freshness and vibrancy that resonates with your audience.
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 112.83) | #f2f6d5 | hsl(67, 65%, 90%) |
|
|
| 100 | oklch(0.960 0.047 113.72) | #f1f6d2 | hsl(68, 67%, 89%) |
|
|
| 200 | oklch(0.956 0.051 113.30) | #f0f5ce | hsl(68, 66%, 88%) |
|
|
| 300 | oklch(0.953 0.054 113.07) | #eff4cb | hsl(67, 65%, 88%) |
|
|
| 400 | oklch(0.952 0.058 113.81) | #eef4c8 | hsl(68, 67%, 87%) |
|
|
| 500 | oklch(0.948 0.060 113.59) | #edf3c5 | hsl(68, 66%, 86%) |
|
|
| 600 | oklch(0.894 0.122 115.17) | #d9e685 | hsl(68, 66%, 71%) |
|
|
| 700 | oklch(0.841 0.168 116.48) | #c5d844 | hsl(68, 65%, 56%) |
|
|
| 800 | oklch(0.704 0.152 117.33) | #99ab23 | hsl(68, 66%, 40%) |
|
|
| 900 | oklch(0.502 0.106 116.94) | #606b16 | hsl(68, 66%, 25%) |
|
|
| 950 | oklch(0.273 0.051 115.76) | #262a09 | hsl(67, 65%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.047 93.90) | #fcf2cf | hsl(47, 88%, 90%) |
|
|
| 100 | oklch(0.937 0.070 93.27) | #faeab5 | hsl(46, 87%, 85%) |
|
|
| 200 | oklch(0.917 0.095 93.95) | #f8e39a | hsl(47, 87%, 79%) |
|
|
| 300 | oklch(0.895 0.116 93.50) | #f6db7f | hsl(46, 87%, 73%) |
|
|
| 400 | oklch(0.876 0.135 93.48) | #f4d464 | hsl(47, 87%, 67%) |
|
|
| 500 | oklch(0.855 0.150 92.47) | #f2cc49 | hsl(47, 87%, 62%) |
|
|
| 600 | oklch(0.821 0.164 89.73) | #eebe18 | hsl(47, 86%, 51%) |
|
|
| 700 | oklch(0.707 0.142 89.75) | #c39b0e | hsl(47, 87%, 41%) |
|
|
| 800 | oklch(0.572 0.114 90.12) | #92740a | hsl(47, 87%, 31%) |
|
|
| 900 | oklch(0.429 0.084 90.72) | #614d07 | hsl(47, 87%, 20%) |
|
|
| 950 | oklch(0.272 0.052 92.59) | #302603 | hsl(47, 88%, 10%) |
|
dsfds
| 50 | oklch(0.949 0.028 109.13) | #eff0db | hsl(63, 41%, 90%) |
|
|
| 100 | oklch(0.914 0.048 109.91) | #e4e6c2 | hsl(63, 42%, 83%) |
|
|
| 200 | oklch(0.879 0.067 111.42) | #d8dca9 | hsl(65, 42%, 76%) |
|
|
| 300 | oklch(0.844 0.086 111.76) | #cdd290 | hsl(65, 42%, 69%) |
|
|
| 400 | oklch(0.810 0.103 112.18) | #c2c878 | hsl(65, 42%, 63%) |
|
|
| 500 | oklch(0.776 0.120 112.62) | #b7be5f | hsl(64, 42%, 56%) |
|
|
| 600 | oklch(0.709 0.124 112.86) | #a2a945 | hsl(64, 42%, 47%) |
|
|
| 700 | oklch(0.605 0.105 113.04) | #828837 | hsl(64, 42%, 37%) |
|
|
| 800 | oklch(0.496 0.084 113.35) | #62672a | hsl(65, 42%, 28%) |
|
|
| 900 | oklch(0.381 0.062 112.69) | #43461c | hsl(64, 43%, 19%) |
|
|
| 950 | oklch(0.253 0.036 111.08) | #23240f | hsl(63, 41%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.035 183.40) | #d5f6f0 | hsl(169, 65%, 90%) |
|
|
| 100 | oklch(0.902 0.068 182.22) | #aceee2 | hsl(169, 66%, 80%) |
|
|
| 200 | oklch(0.859 0.097 180.81) | #83e6d4 | hsl(169, 66%, 71%) |
|
|
| 300 | oklch(0.821 0.120 179.02) | #5bdec6 | hsl(169, 66%, 61%) |
|
|
| 400 | oklch(0.788 0.136 176.83) | #32d6b8 | hsl(169, 67%, 52%) |
|
|
| 500 | oklch(0.689 0.121 176.61) | #24b399 | hsl(169, 67%, 42%) |
|
|
| 600 | oklch(0.611 0.106 176.79) | #1f9882 | hsl(169, 66%, 36%) |
|
|
| 700 | oklch(0.528 0.091 176.96) | #197c6a | hsl(169, 66%, 29%) |
|
|
| 800 | oklch(0.444 0.075 177.31) | #146153 | hsl(169, 66%, 23%) |
|
|
| 900 | oklch(0.356 0.059 177.97) | #0e463c | hsl(169, 67%, 16%) |
|
|
| 950 | oklch(0.259 0.040 178.72) | #092a24 | hsl(169, 65%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.016 335.07) | #ebe0e8 | hsl(316, 22%, 90%) |
|
|
| 100 | oklch(0.790 0.045 336.90) | #ceb0c5 | hsl(318, 23%, 75%) |
|
|
| 200 | oklch(0.658 0.075 337.51) | #b080a2 | hsl(318, 23%, 60%) |
|
|
| 300 | oklch(0.529 0.087 337.96) | #8c577d | hsl(317, 23%, 45%) |
|
|
| 400 | oklch(0.398 0.061 339.22) | #5d3a52 | hsl(319, 23%, 30%) |
|
|
| 500 | oklch(0.253 0.034 337.94) | #2d1c28 | hsl(318, 23%, 14%) |
|
|
| 600 | oklch(0.243 0.033 336.00) | #2a1a26 | hsl(315, 24%, 13%) |
|
|
| 700 | oklch(0.237 0.030 339.62) | #281923 | hsl(320, 23%, 13%) |
|
|
| 800 | oklch(0.227 0.029 337.44) | #251721 | hsl(317, 23%, 12%) |
|
|
| 900 | oklch(0.217 0.027 338.38) | #22151e | hsl(318, 24%, 11%) |
|
|
| 950 | oklch(0.209 0.023 336.62) | #1f141c | hsl(316, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
