Vibrant Berry and Citrus Color Palette
This vibrant palette bursts with passionate berry reds and warm citrus hues, exuding a bold, playful energy that feels both lively and inviting.
Practical uses and creative applications
The Vibrant Berry and Citrus Color Palette is a striking collection of hues that brings a fresh and lively energy to any project. Featuring deep berry tones and zesty citrus shades, this palette includes rich colors like #723e4e, #b03851, #ef3353, #f17144, and #f4b036.
It's perfect for branding initiatives aimed at capturing attention and evoking a sense of enthusiasm. Whether you're designing a logo, creating packaging for a new product, or revamping your web design, these colors will create a dynamic visual impact that resonates with audiences.
Ideal for designers and creatives looking to infuse their work with warmth and vibrancy, this palette suits a variety of stylesfrom modern and playful to elegant and sophisticated. The bold contrasts of berry and citrus colors work beautifully in digital and print formats, making it a great choice for marketing materials, event promotions, or lifestyle brands.
Additionally, when used in interior design, these colors can brighten up a space, creating an inviting atmosphere that encourages creativity and connection. Embrace the energy of the Vibrant Berry and Citrus Color Palette to elevate your projects and engage your audience effectively.
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.914 0.018 355.14) | #eddee3 | hsl(340, 29%, 90%) |
|
|
100 | oklch(0.816 0.039 357.21) | #d9b9c3 | hsl(341, 30%, 79%) |
|
|
200 | oklch(0.719 0.061 358.21) | #c595a4 | hsl(341, 29%, 68%) |
|
|
300 | oklch(0.620 0.086 359.98) | #b17084 | hsl(342, 29%, 57%) |
|
|
400 | oklch(0.526 0.095 1.39) | #975267 | hsl(342, 30%, 46%) |
|
|
500 | oklch(0.433 0.075 0.99) | #723e4e | hsl(342, 30%, 35%) |
|
|
600 | oklch(0.390 0.067 0.70) | #623543 | hsl(341, 30%, 30%) |
|
|
700 | oklch(0.346 0.058 0.32) | #522c38 | hsl(341, 30%, 25%) |
|
|
800 | oklch(0.301 0.046 0.21) | #41242d | hsl(341, 29%, 20%) |
|
|
900 | oklch(0.254 0.036 359.46) | #311b22 | hsl(341, 29%, 15%) |
|
|
950 | oklch(0.205 0.026 358.10) | #211217 | hsl(340, 29%, 10%) |
|
dsfds
50 | oklch(0.906 0.031 2.62) | #f3d8de | hsl(347, 53%, 90%) |
|
|
100 | oklch(0.824 0.059 5.08) | #e8b6c0 | hsl(348, 52%, 81%) |
|
|
200 | oklch(0.741 0.091 5.39) | #dd93a3 | hsl(347, 52%, 72%) |
|
|
300 | oklch(0.664 0.123 7.85) | #d27185 | hsl(348, 52%, 63%) |
|
|
400 | oklch(0.592 0.154 10.35) | #c74f68 | hsl(348, 52%, 55%) |
|
|
500 | oklch(0.522 0.156 12.07) | #b03851 | hsl(348, 52%, 45%) |
|
|
600 | oklch(0.463 0.136 12.06) | #952f44 | hsl(348, 52%, 38%) |
|
|
700 | oklch(0.402 0.114 11.49) | #792738 | hsl(348, 51%, 31%) |
|
|
800 | oklch(0.338 0.094 11.38) | #5e1e2b | hsl(348, 52%, 24%) |
|
|
900 | oklch(0.270 0.070 10.85) | #42151e | hsl(348, 52%, 17%) |
|
|
950 | oklch(0.201 0.046 8.27) | #270c12 | hsl(347, 53%, 10%) |
|
dsfds
50 | oklch(0.896 0.049 7.11) | #fbd0d7 | hsl(350, 84%, 90%) |
|
|
100 | oklch(0.830 0.087 7.37) | #f9b0bd | hsl(349, 86%, 83%) |
|
|
200 | oklch(0.767 0.123 9.55) | #f691a2 | hsl(350, 85%, 77%) |
|
|
300 | oklch(0.712 0.160 11.54) | #f47288 | hsl(350, 86%, 70%) |
|
|
400 | oklch(0.661 0.194 14.29) | #f1526d | hsl(350, 85%, 63%) |
|
|
500 | oklch(0.625 0.220 17.83) | #ef3353 | hsl(350, 85%, 57%) |
|
|
600 | oklch(0.579 0.227 22.23) | #e11235 | hsl(350, 85%, 48%) |
|
|
700 | oklch(0.491 0.191 21.87) | #b40e2a | hsl(350, 86%, 38%) |
|
|
800 | oklch(0.401 0.154 21.10) | #880b20 | hsl(350, 85%, 29%) |
|
|
900 | oklch(0.306 0.115 19.41) | #5c0716 | hsl(349, 86%, 19%) |
|
|
950 | oklch(0.202 0.070 16.03) | #2f040b | hsl(350, 84%, 10%) |
|
dsfds
50 | oklch(0.915 0.039 39.91) | #fbdbd0 | hsl(15, 84%, 90%) |
|
|
100 | oklch(0.867 0.064 40.33) | #f9c6b4 | hsl(16, 85%, 84%) |
|
|
200 | oklch(0.820 0.089 40.48) | #f7b198 | hsl(16, 86%, 78%) |
|
|
300 | oklch(0.774 0.117 39.74) | #f59b7c | hsl(15, 86%, 72%) |
|
|
400 | oklch(0.732 0.143 39.77) | #f38660 | hsl(16, 86%, 66%) |
|
|
500 | oklch(0.694 0.169 39.41) | #f17144 | hsl(16, 86%, 61%) |
|
|
600 | oklch(0.639 0.205 37.00) | #ed4d14 | hsl(16, 86%, 50%) |
|
|
700 | oklch(0.543 0.175 36.88) | #bf3c0e | hsl(16, 86%, 40%) |
|
|
800 | oklch(0.441 0.139 37.21) | #8f2d0b | hsl(15, 86%, 30%) |
|
|
900 | oklch(0.334 0.100 38.14) | #5f1e07 | hsl(16, 86%, 20%) |
|
|
950 | oklch(0.218 0.057 40.59) | #2f0f04 | hsl(15, 84%, 10%) |
|
dsfds
50 | oklch(0.948 0.042 82.49) | #fceccf | hsl(39, 88%, 90%) |
|
|
100 | oklch(0.917 0.069 81.84) | #fbe0b0 | hsl(38, 90%, 84%) |
|
|
200 | oklch(0.887 0.093 81.49) | #f9d492 | hsl(38, 90%, 77%) |
|
|
300 | oklch(0.857 0.116 81.01) | #f7c873 | hsl(39, 89%, 71%) |
|
|
400 | oklch(0.829 0.136 79.21) | #f6bc55 | hsl(38, 90%, 65%) |
|
|
500 | oklch(0.802 0.151 77.22) | #f4b036 | hsl(39, 90%, 58%) |
|
|
600 | oklch(0.754 0.159 72.21) | #ec9c0d | hsl(38, 90%, 49%) |
|
|
700 | oklch(0.640 0.134 72.76) | #bd7d0a | hsl(39, 90%, 39%) |
|
|
800 | oklch(0.521 0.108 73.55) | #8e5e08 | hsl(39, 89%, 29%) |
|
|
900 | oklch(0.395 0.080 75.18) | #5f3f05 | hsl(39, 90%, 20%) |
|
|
950 | oklch(0.257 0.049 78.91) | #302003 | hsl(39, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.