Uplifting Color Palette
This palette blends soft blush pinks and earthy neutrals with refreshing minty greens and sunny yellows, creating a harmonious and uplifting vibe that's both modern and serene.
Practical uses and creative applications
The Uplifting Color Palette features a harmonious blend of vibrant hues that evoke feelings of joy and positivity. With its cheerful pink (#fa7785), calming greens (#b1d4b6 and #53cbbf), and grounding neutrals (#24211a and #d5d87d), this palette is perfect for branding projects that aim to inspire and energize.
Designers looking to create a fresh identity for wellness brands, lifestyle products, or eco-friendly businesses will find this palette particularly appealing. Its vibrant yet balanced colors can help your brand stand out while resonating with audiences seeking positivity and sustainability.
In web design, the Uplifting Color Palette can enhance user experience by promoting a welcoming atmosphere. The gentle contrast between the softer shades and deeper tones creates an engaging visual hierarchy, making it ideal for websites focused on health, travel, or creative services.
Additionally, this palette works beautifully in packaging design, where its uplifting colors can attract attention and evoke a sense of happiness. Interior designers can also leverage these colors to create inviting spaces that uplift spirits, making them suitable for cafes, co-working spaces, or children’s rooms.
Whether you’re a designer, creative, or brand strategist, the Uplifting Color Palette is sure to spark inspiration and bring your projects to life.
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.893 0.053 11.01) | #fdced3 | hsl(354, 92%, 90%) |
|
|
100 | oklch(0.856 0.076 11.60) | #fdbcc3 | hsl(354, 94%, 86%) |
|
|
200 | oklch(0.822 0.096 12.08) | #fcabb4 | hsl(353, 93%, 83%) |
|
|
300 | oklch(0.788 0.117 13.42) | #fb9aa4 | hsl(354, 92%, 79%) |
|
|
400 | oklch(0.756 0.140 13.82) | #fb8895 | hsl(353, 93%, 76%) |
|
|
500 | oklch(0.726 0.160 15.33) | #fa7785 | hsl(354, 93%, 72%) |
|
|
600 | oklch(0.645 0.224 21.05) | #f83a4e | hsl(354, 93%, 60%) |
|
|
700 | oklch(0.590 0.237 26.30) | #e90921 | hsl(354, 93%, 47%) |
|
|
800 | oklch(0.471 0.188 25.83) | #ac0618 | hsl(353, 93%, 35%) |
|
|
900 | oklch(0.344 0.136 24.86) | #6f040f | hsl(354, 93%, 23%) |
|
|
950 | oklch(0.202 0.076 20.21) | #310207 | hsl(354, 92%, 10%) |
|
dsfds
50 | oklch(0.929 0.009 84.57) | #eae7e1 | hsl(40, 18%, 90%) |
|
|
100 | oklch(0.815 0.022 88.74) | #c8c2b3 | hsl(43, 16%, 74%) |
|
|
200 | oklch(0.698 0.036 88.08) | #a79d85 | hsl(42, 16%, 59%) |
|
|
300 | oklch(0.568 0.039 88.80) | #80765d | hsl(43, 16%, 43%) |
|
|
400 | oklch(0.415 0.027 87.16) | #524b3b | hsl(42, 16%, 28%) |
|
|
500 | oklch(0.249 0.014 87.57) | #24211a | hsl(42, 16%, 12%) |
|
|
600 | oklch(0.244 0.014 87.57) | #232019 | hsl(42, 17%, 12%) |
|
|
700 | oklch(0.239 0.013 93.94) | #211f18 | hsl(47, 16%, 11%) |
|
|
800 | oklch(0.232 0.012 84.56) | #201d17 | hsl(40, 16%, 11%) |
|
|
900 | oklch(0.228 0.012 84.55) | #1f1c16 | hsl(40, 17%, 10%) |
|
|
950 | oklch(0.223 0.012 84.55) | #1e1b15 | hsl(40, 18%, 10%) |
|
dsfds
50 | oklch(0.956 0.035 108.78) | #f2f3d8 | hsl(62, 53%, 90%) |
|
|
100 | oklch(0.937 0.052 109.72) | #eceec6 | hsl(63, 54%, 85%) |
|
|
200 | oklch(0.917 0.069 108.58) | #e7e8b3 | hsl(61, 54%, 81%) |
|
|
300 | oklch(0.899 0.085 109.46) | #e1e3a1 | hsl(62, 54%, 76%) |
|
|
400 | oklch(0.878 0.099 109.54) | #dbdd8f | hsl(62, 53%, 71%) |
|
|
500 | oklch(0.860 0.114 110.22) | #d5d87d | hsl(62, 54%, 67%) |
|
|
600 | oklch(0.816 0.145 110.97) | #c7cb50 | hsl(62, 54%, 55%) |
|
|
700 | oklch(0.722 0.140 111.30) | #a9ad34 | hsl(62, 54%, 44%) |
|
|
800 | oklch(0.580 0.110 111.26) | #7d8027 | hsl(62, 53%, 33%) |
|
|
900 | oklch(0.431 0.080 111.18) | #525419 | hsl(62, 54%, 21%) |
|
|
950 | oklch(0.265 0.043 110.96) | #26270c | hsl(62, 53%, 10%) |
|
dsfds
50 | oklch(0.931 0.024 149.37) | #deede0 | hsl(128, 29%, 90%) |
|
|
100 | oklch(0.912 0.029 150.08) | #d5e8d8 | hsl(129, 29%, 87%) |
|
|
200 | oklch(0.893 0.036 149.07) | #cce3cf | hsl(128, 29%, 85%) |
|
|
300 | oklch(0.874 0.042 149.54) | #c3dec7 | hsl(129, 29%, 82%) |
|
|
400 | oklch(0.855 0.050 148.81) | #bad9be | hsl(128, 29%, 79%) |
|
|
500 | oklch(0.836 0.056 149.12) | #b1d4b6 | hsl(129, 29%, 76%) |
|
|
600 | oklch(0.744 0.088 148.42) | #85bc8d | hsl(129, 29%, 63%) |
|
|
700 | oklch(0.654 0.119 147.45) | #5aa465 | hsl(129, 29%, 50%) |
|
|
800 | oklch(0.522 0.092 147.53) | #42784a | hsl(129, 29%, 36%) |
|
|
900 | oklch(0.382 0.063 147.70) | #2a4c2f | hsl(129, 29%, 23%) |
|
|
950 | oklch(0.230 0.032 147.74) | #122114 | hsl(128, 29%, 10%) |
|
dsfds
50 | oklch(0.944 0.029 188.58) | #d8f3f0 | hsl(173, 53%, 90%) |
|
|
100 | oklch(0.907 0.048 189.81) | #bdebe7 | hsl(175, 53%, 83%) |
|
|
200 | oklch(0.871 0.065 188.76) | #a3e3dd | hsl(174, 53%, 76%) |
|
|
300 | oklch(0.836 0.082 187.92) | #88dbd3 | hsl(174, 54%, 70%) |
|
|
400 | oklch(0.803 0.096 187.02) | #6ed3c9 | hsl(174, 53%, 63%) |
|
|
500 | oklch(0.771 0.108 186.12) | #53cbbf | hsl(174, 54%, 56%) |
|
|
600 | oklch(0.711 0.111 185.20) | #37b8ab | hsl(174, 54%, 47%) |
|
|
700 | oklch(0.603 0.093 185.62) | #2d9389 | hsl(174, 53%, 38%) |
|
|
800 | oklch(0.494 0.074 186.43) | #226f68 | hsl(175, 53%, 28%) |
|
|
900 | oklch(0.377 0.055 186.21) | #174b46 | hsl(174, 53%, 19%) |
|
|
950 | oklch(0.251 0.033 185.52) | #0c2724 | hsl(173, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.