Serene Vibrant Color Palette
This palette radiates a serene yet vibrant energy, blending muted teal and soft sage with warm coral and bright fuchsia, evoking a playful, modern charm infused with a touch of nature's tranquility.
Practical uses and creative applications
The Serene Vibrant Color Palette is a harmonious blend of calming and energetic hues, perfect for those looking to create a balanced yet lively aesthetic. Featuring soothing shades like #7e949e and #aec2ab, paired with the vibrant pops of #ebcea0, #fc7765, and #ff335f, this palette is ideal for branding projects that aim to evoke feelings of trust and enthusiasm.
Designers can utilize these colors in web design to enhance user experience, making sites feel both welcoming and engaging, or in packaging to attract attention while maintaining a sense of sophistication. This palette is particularly suited for creatives and brands in industries such as wellness, lifestyle, and eco-friendliness, where a connection to nature and a vibrant spirit are essential.
Whether you're crafting a modern interior space or developing marketing materials, the Serene Vibrant Color Palette can transform your designs into visually stunning pieces that resonate with your audience. Use it to create inviting social media graphics or refreshing product packaging that stands out on the shelf, appealing to consumers who appreciate both style and substance.
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.925 0.006 223.46) | #e2e7e9 | hsl(197, 14%, 90%) |
|
|
| 100 | oklch(0.871 0.010 228.91) | #ced6da | hsl(200, 14%, 83%) |
|
|
| 200 | oklch(0.819 0.015 224.54) | #bac6cb | hsl(198, 14%, 76%) |
|
|
| 300 | oklch(0.764 0.019 227.37) | #a6b5bc | hsl(199, 14%, 69%) |
|
|
| 400 | oklch(0.710 0.024 225.00) | #92a5ad | hsl(198, 14%, 63%) |
|
|
| 500 | oklch(0.653 0.029 227.02) | #7e949e | hsl(199, 14%, 56%) |
|
|
| 600 | oklch(0.575 0.032 228.49) | #667d88 | hsl(199, 14%, 47%) |
|
|
| 700 | oklch(0.492 0.026 229.58) | #52646d | hsl(200, 14%, 37%) |
|
|
| 800 | oklch(0.407 0.020 225.69) | #3e4c52 | hsl(198, 14%, 28%) |
|
|
| 900 | oklch(0.315 0.015 232.24) | #2a3338 | hsl(201, 14%, 19%) |
|
|
| 950 | oklch(0.218 0.008 223.87) | #161b1d | hsl(197, 14%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.014 138.71) | #e3eae1 | hsl(107, 18%, 90%) |
|
|
| 100 | oklch(0.902 0.018 142.82) | #d8e2d7 | hsl(115, 16%, 86%) |
|
|
| 200 | oklch(0.875 0.023 141.23) | #cedacc | hsl(111, 16%, 83%) |
|
|
| 300 | oklch(0.848 0.028 141.97) | #c3d2c1 | hsl(113, 16%, 79%) |
|
|
| 400 | oklch(0.820 0.033 140.98) | #b9cab6 | hsl(111, 16%, 75%) |
|
|
| 500 | oklch(0.792 0.039 141.54) | #aec2ab | hsl(112, 16%, 72%) |
|
|
| 600 | oklch(0.700 0.057 141.70) | #8ba887 | hsl(113, 16%, 59%) |
|
|
| 700 | oklch(0.601 0.068 141.33) | #6a8b65 | hsl(112, 16%, 47%) |
|
|
| 800 | oklch(0.483 0.052 141.03) | #4e664a | hsl(111, 16%, 35%) |
|
|
| 900 | oklch(0.359 0.037 141.91) | #324230 | hsl(113, 16%, 22%) |
|
|
| 950 | oklch(0.225 0.020 138.78) | #171e15 | hsl(107, 18%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.030 78.78) | #f6e9d5 | hsl(36, 65%, 90%) |
|
|
| 100 | oklch(0.925 0.039 80.02) | #f4e4ca | hsl(37, 66%, 87%) |
|
|
| 200 | oklch(0.909 0.045 78.04) | #f2dec0 | hsl(36, 66%, 85%) |
|
|
| 300 | oklch(0.894 0.053 80.06) | #efd9b5 | hsl(37, 64%, 82%) |
|
|
| 400 | oklch(0.879 0.060 78.47) | #edd3ab | hsl(36, 65%, 80%) |
|
|
| 500 | oklch(0.865 0.068 79.09) | #ebcea0 | hsl(37, 65%, 77%) |
|
|
| 600 | oklch(0.787 0.107 78.12) | #dfb167 | hsl(37, 65%, 64%) |
|
|
| 700 | oklch(0.710 0.135 73.84) | #d3932e | hsl(37, 65%, 50%) |
|
|
| 800 | oklch(0.568 0.107 73.81) | #9c6c21 | hsl(37, 65%, 37%) |
|
|
| 900 | oklch(0.414 0.075 75.21) | #634515 | hsl(37, 65%, 24%) |
|
|
| 950 | oklch(0.242 0.038 75.99) | #2a1d09 | hsl(36, 65%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.049 27.39) | #fed3cd | hsl(7, 96%, 90%) |
|
|
| 100 | oklch(0.862 0.073 27.04) | #fec0b8 | hsl(7, 97%, 86%) |
|
|
| 200 | oklch(0.824 0.095 28.06) | #fdaea3 | hsl(7, 96%, 82%) |
|
|
| 300 | oklch(0.789 0.118 28.24) | #fd9c8f | hsl(7, 96%, 78%) |
|
|
| 400 | oklch(0.753 0.142 28.64) | #fc897a | hsl(7, 96%, 73%) |
|
|
| 500 | oklch(0.722 0.166 29.58) | #fc7765 | hsl(7, 96%, 69%) |
|
|
| 600 | oklch(0.653 0.224 31.11) | #fb432a | hsl(7, 96%, 57%) |
|
|
| 700 | oklch(0.586 0.228 30.74) | #e41f04 | hsl(7, 97%, 45%) |
|
|
| 800 | oklch(0.470 0.181 31.01) | #a91703 | hsl(7, 97%, 34%) |
|
|
| 900 | oklch(0.345 0.129 31.71) | #6d0f02 | hsl(7, 96%, 22%) |
|
|
| 950 | oklch(0.211 0.071 34.49) | #320701 | hsl(7, 96%, 10%) |
|
dsfds
| 50 | oklch(0.893 0.059 3.91) | #ffccd7 | hsl(347, 100%, 90%) |
|
|
| 100 | oklch(0.831 0.098 5.05) | #ffadbf | hsl(347, 100%, 84%) |
|
|
| 200 | oklch(0.776 0.137 7.05) | #ff8fa7 | hsl(347, 100%, 78%) |
|
|
| 300 | oklch(0.726 0.176 9.09) | #ff708f | hsl(347, 100%, 72%) |
|
|
| 400 | oklch(0.686 0.209 12.03) | #ff5277 | hsl(347, 100%, 66%) |
|
|
| 500 | oklch(0.655 0.235 15.55) | #ff335f | hsl(347, 100%, 60%) |
|
|
| 600 | oklch(0.631 0.255 22.82) | #ff0037 | hsl(347, 100%, 50%) |
|
|
| 700 | oklch(0.534 0.215 22.28) | #cc002c | hsl(347, 100%, 40%) |
|
|
| 800 | oklch(0.432 0.174 21.37) | #990021 | hsl(347, 100%, 30%) |
|
|
| 900 | oklch(0.323 0.130 19.54) | #660016 | hsl(347, 100%, 20%) |
|
|
| 950 | oklch(0.204 0.082 14.18) | #33000b | hsl(347, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
