Tranquil Vibrant Color Palette
This palette exudes a tranquil yet vibrant vibe, blending deep teal, soft mint, fresh green, warm beige, and a rich burgundy to create a harmonious balance of earthy elegance and lively sophistication.
Practical uses and creative applications
The Tranquil Vibrant Color Palette is a harmonious blend of soothing greens and vibrant earth tones, featuring colors like #37ab98, #80bc96, #a6c88c, #e1ce8a, and #37053b. This palette is ideal for creatives looking to evoke feelings of calmness and rejuvenation while still maintaining a dynamic energy.
It's particularly well-suited for branding projects in wellness, organic products, or lifestyle brands that aim to connect with an audience seeking balance and vitality. In web design, the Tranquil Vibrant palette can be used to create visually engaging yet serene user experiences.
The combination of rich greens and soft yellows can enhance readability while providing a fresh and inviting atmosphere that encourages exploration. Designers and creatives can also leverage this palette for packaging that stands out on shelves, communicating a sense of natural authenticity and modern appeal.
For interior design, these colors can transform spaces into tranquil retreats, perfect for homes, spas, or boutique hotels aiming for an inviting and refreshing ambiance.
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.943 0.029 183.34) | #d8f3ee | hsl(169, 53%, 90%) |
|
|
| 100 | oklch(0.891 0.053 184.30) | #b5e7df | hsl(170, 51%, 81%) |
|
|
| 200 | oklch(0.843 0.076 183.17) | #92dcd0 | hsl(170, 51%, 72%) |
|
|
| 300 | oklch(0.796 0.096 181.90) | #6fd1c1 | hsl(170, 52%, 63%) |
|
|
| 400 | oklch(0.750 0.112 180.34) | #4bc5b1 | hsl(170, 51%, 53%) |
|
|
| 500 | oklch(0.672 0.106 179.77) | #37ab98 | hsl(170, 51%, 44%) |
|
|
| 600 | oklch(0.595 0.094 179.14) | #2e9180 | hsl(170, 52%, 37%) |
|
|
| 700 | oklch(0.514 0.079 180.13) | #267669 | hsl(170, 51%, 31%) |
|
|
| 800 | oklch(0.432 0.066 179.25) | #1d5c51 | hsl(170, 52%, 24%) |
|
|
| 900 | oklch(0.343 0.050 180.99) | #15413a | hsl(170, 51%, 17%) |
|
|
| 950 | oklch(0.250 0.034 179.41) | #0c2722 | hsl(169, 53%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.021 156.81) | #deede3 | hsl(140, 29%, 90%) |
|
|
| 100 | oklch(0.896 0.034 157.58) | #cbe4d4 | hsl(142, 32%, 85%) |
|
|
| 200 | oklch(0.858 0.047 156.90) | #b8dac4 | hsl(141, 31%, 79%) |
|
|
| 300 | oklch(0.819 0.059 157.28) | #a5d0b5 | hsl(142, 31%, 73%) |
|
|
| 400 | oklch(0.782 0.071 156.01) | #93c6a5 | hsl(141, 31%, 68%) |
|
|
| 500 | oklch(0.744 0.083 155.99) | #80bc96 | hsl(142, 31%, 62%) |
|
|
| 600 | oklch(0.675 0.106 154.48) | #5daa79 | hsl(142, 31%, 52%) |
|
|
| 700 | oklch(0.576 0.092 154.24) | #498960 | hsl(142, 30%, 41%) |
|
|
| 800 | oklch(0.470 0.074 154.62) | #366748 | hsl(142, 31%, 31%) |
|
|
| 900 | oklch(0.355 0.052 155.27) | #244430 | hsl(143, 31%, 20%) |
|
|
| 950 | oklch(0.230 0.028 154.42) | #122117 | hsl(140, 29%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.027 132.98) | #e4efdd | hsl(97, 36%, 90%) |
|
|
| 100 | oklch(0.909 0.039 131.06) | #d8e7cc | hsl(93, 36%, 85%) |
|
|
| 200 | oklch(0.879 0.052 131.79) | #cbdfbc | hsl(94, 35%, 81%) |
|
|
| 300 | oklch(0.850 0.064 131.47) | #bfd7ac | hsl(93, 35%, 76%) |
|
|
| 400 | oklch(0.822 0.078 132.33) | #b2d09c | hsl(95, 36%, 71%) |
|
|
| 500 | oklch(0.793 0.089 132.17) | #a6c88c | hsl(94, 35%, 67%) |
|
|
| 600 | oklch(0.722 0.119 132.68) | #88b565 | hsl(94, 35%, 55%) |
|
|
| 700 | oklch(0.629 0.120 133.29) | #6b9849 | hsl(94, 35%, 44%) |
|
|
| 800 | oklch(0.508 0.095 133.43) | #4f7136 | hsl(95, 35%, 33%) |
|
|
| 900 | oklch(0.380 0.067 132.92) | #344a23 | hsl(94, 36%, 21%) |
|
|
| 950 | oklch(0.240 0.036 134.04) | #182311 | hsl(97, 35%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.032 93.52) | #f5eed6 | hsl(46, 61%, 90%) |
|
|
| 100 | oklch(0.930 0.044 94.48) | #f1e8c7 | hsl(47, 60%, 86%) |
|
|
| 200 | oklch(0.909 0.055 93.65) | #ede1b8 | hsl(46, 60%, 83%) |
|
|
| 300 | oklch(0.891 0.067 94.29) | #e9dba9 | hsl(47, 59%, 79%) |
|
|
| 400 | oklch(0.870 0.078 93.94) | #e5d499 | hsl(47, 59%, 75%) |
|
|
| 500 | oklch(0.852 0.089 94.35) | #e1ce8a | hsl(47, 59%, 71%) |
|
|
| 600 | oklch(0.790 0.121 93.92) | #d4b958 | hsl(47, 59%, 59%) |
|
|
| 700 | oklch(0.711 0.129 92.62) | #be9f31 | hsl(47, 59%, 47%) |
|
|
| 800 | oklch(0.569 0.101 92.66) | #8c7524 | hsl(47, 59%, 35%) |
|
|
| 900 | oklch(0.420 0.073 94.07) | #5a4c17 | hsl(47, 59%, 22%) |
|
|
| 950 | oklch(0.254 0.039 93.14) | #29220a | hsl(46, 61%, 10%) |
|
dsfds
| 50 | oklch(0.905 0.072 323.93) | #f8d0fb | hsl(296, 84%, 90%) |
|
|
| 100 | oklch(0.771 0.184 324.48) | #ed87f5 | hsl(296, 85%, 75%) |
|
|
| 200 | oklch(0.673 0.271 324.76) | #e23eef | hsl(296, 85%, 59%) |
|
|
| 300 | oklch(0.577 0.264 324.47) | #bf11cd | hsl(296, 85%, 44%) |
|
|
| 400 | oklch(0.419 0.189 324.55) | #7b0b84 | hsl(296, 85%, 28%) |
|
|
| 500 | oklch(0.245 0.104 324.76) | #37053b | hsl(296, 84%, 13%) |
|
|
| 600 | oklch(0.240 0.102 324.64) | #350539 | hsl(295, 84%, 12%) |
|
|
| 700 | oklch(0.234 0.098 325.38) | #330536 | hsl(296, 83%, 12%) |
|
|
| 800 | oklch(0.226 0.096 324.38) | #300434 | hsl(295, 86%, 11%) |
|
|
| 900 | oklch(0.219 0.092 325.17) | #2e0431 | hsl(296, 85%, 10%) |
|
|
| 950 | oklch(0.214 0.089 325.04) | #2c042f | hsl(296, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
