Serene Color Palette
This soothing palette blends tranquil teal and soft slate with muted mauve and blush, evoking a serene, dreamy atmosphere perfect for a chic, modern retreat.
Practical uses and creative applications
The Serene Color Palette features a harmonious blend of soft turquoise (#99cccc), muted teal (#a8bdc2), gentle lavender (#b8aeb8), blush pink (#c79ead), and warm rose (#d78fa3). This tranquil combination is perfect for creating soothing and inviting spaces, making it an ideal choice for interior design projects that aim to foster relaxation and peace.
Whether you're designing a calming bedroom or a serene living area, these colors effortlessly evoke a sense of tranquility that resonates with anyone seeking a peaceful retreat. Ideal for designers and creatives in various industries, the Serene Color Palette is particularly effective in branding and web design, where a gentle yet sophisticated aesthetic can enhance user experience.
Brands focused on wellness, mindfulness, or eco-friendliness will find this palette especially appealing, as it conveys a sense of calm and harmony. Additionally, the soft tones work beautifully in packaging design, creating an inviting look that draws customers in and reflects a thoughtful approach to product presentation.
Incorporating the Serene Color Palette into your projects can elevate your creative work, whether you’re crafting a serene website or developing packaging that speaks to a mindful audience. Its versatility allows it to adapt to various styles, from minimalist to bohemian, making it a go-to choice for any designer looking to evoke a peaceful atmosphere in their creations.
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.937 0.018 196.85) | #ddeeee | hsl(180, 33%, 90%) |
|
|
| 100 | oklch(0.910 0.025 196.71) | #cfe7e7 | hsl(180, 33%, 86%) |
|
|
| 200 | oklch(0.885 0.032 196.59) | #c2e0e0 | hsl(180, 33%, 82%) |
|
|
| 300 | oklch(0.861 0.040 196.43) | #b4dada | hsl(180, 34%, 78%) |
|
|
| 400 | oklch(0.836 0.046 196.30) | #a7d3d3 | hsl(180, 33%, 74%) |
|
|
| 500 | oklch(0.810 0.053 196.15) | #99cccc | hsl(180, 33%, 70%) |
|
|
| 600 | oklch(0.736 0.072 195.69) | #70b8b8 | hsl(180, 34%, 58%) |
|
|
| 700 | oklch(0.644 0.077 195.41) | #4e9c9c | hsl(180, 33%, 46%) |
|
|
| 800 | oklch(0.520 0.061 195.45) | #3a7474 | hsl(180, 33%, 34%) |
|
|
| 900 | oklch(0.385 0.043 195.50) | #254b4b | hsl(180, 34%, 22%) |
|
|
| 950 | oklch(0.237 0.023 195.72) | #112222 | hsl(180, 33%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.008 216.63) | #e1e8ea | hsl(193, 18%, 90%) |
|
|
| 100 | oklch(0.900 0.011 211.04) | #d6e0e2 | hsl(190, 17%, 86%) |
|
|
| 200 | oklch(0.870 0.015 213.10) | #cad7da | hsl(191, 18%, 82%) |
|
|
| 300 | oklch(0.841 0.017 215.47) | #bfced2 | hsl(193, 17%, 79%) |
|
|
| 400 | oklch(0.813 0.021 211.77) | #b3c6ca | hsl(190, 18%, 75%) |
|
|
| 500 | oklch(0.784 0.024 213.65) | #a8bdc2 | hsl(192, 18%, 71%) |
|
|
| 600 | oklch(0.689 0.035 213.47) | #83a1a8 | hsl(191, 18%, 59%) |
|
|
| 700 | oklch(0.590 0.040 213.79) | #62848c | hsl(191, 18%, 47%) |
|
|
| 800 | oklch(0.475 0.031 214.09) | #486167 | hsl(192, 18%, 34%) |
|
|
| 900 | oklch(0.355 0.022 214.72) | #2f3f43 | hsl(192, 18%, 22%) |
|
|
| 950 | oklch(0.220 0.011 216.98) | #151c1e | hsl(193, 18%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.005 325.62) | #e7e4e7 | hsl(300, 6%, 90%) |
|
|
| 100 | oklch(0.891 0.009 325.65) | #ded9de | hsl(300, 7%, 86%) |
|
|
| 200 | oklch(0.858 0.010 325.67) | #d4ced4 | hsl(300, 7%, 82%) |
|
|
| 300 | oklch(0.828 0.012 325.69) | #cbc4cb | hsl(300, 6%, 78%) |
|
|
| 400 | oklch(0.795 0.014 325.71) | #c1b9c1 | hsl(300, 6%, 74%) |
|
|
| 500 | oklch(0.762 0.018 325.75) | #b8aeb8 | hsl(300, 7%, 70%) |
|
|
| 600 | oklch(0.660 0.026 325.87) | #9b8d9b | hsl(300, 7%, 58%) |
|
|
| 700 | oklch(0.557 0.029 325.96) | #7d6e7d | hsl(300, 6%, 46%) |
|
|
| 800 | oklch(0.451 0.025 325.98) | #5d515d | hsl(300, 7%, 34%) |
|
|
| 900 | oklch(0.339 0.015 325.91) | #3c353c | hsl(300, 6%, 22%) |
|
|
| 950 | oklch(0.214 0.007 325.83) | #1b181b | hsl(300, 6%, 10%) |
|
dsfds
| 50 | oklch(0.915 0.016 352.00) | #ecdfe4 | hsl(337, 25%, 90%) |
|
|
| 100 | oklch(0.881 0.023 353.21) | #e5d2d9 | hsl(338, 27%, 86%) |
|
|
| 200 | oklch(0.846 0.030 353.06) | #ddc5ce | hsl(338, 26%, 82%) |
|
|
| 300 | oklch(0.812 0.037 353.85) | #d6b8c3 | hsl(338, 27%, 78%) |
|
|
| 400 | oklch(0.776 0.044 353.86) | #ceabb8 | hsl(338, 26%, 74%) |
|
|
| 500 | oklch(0.741 0.052 354.57) | #c79ead | hsl(338, 27%, 70%) |
|
|
| 600 | oklch(0.635 0.077 356.16) | #b1778c | hsl(338, 27%, 58%) |
|
|
| 700 | oklch(0.532 0.088 357.15) | #95566d | hsl(338, 27%, 46%) |
|
|
| 800 | oklch(0.430 0.069 357.25) | #6e3f50 | hsl(338, 27%, 34%) |
|
|
| 900 | oklch(0.323 0.048 356.56) | #472934 | hsl(338, 27%, 22%) |
|
|
| 950 | oklch(0.206 0.023 354.54) | #201318 | hsl(337, 25%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.029 358.83) | #f2d9e0 | hsl(343, 49%, 90%) |
|
|
| 100 | oklch(0.873 0.039 359.63) | #eccbd4 | hsl(344, 46%, 86%) |
|
|
| 200 | oklch(0.836 0.052 359.69) | #e7bcc8 | hsl(343, 47%, 82%) |
|
|
| 300 | oklch(0.800 0.064 1.15) | #e2adbb | hsl(344, 48%, 78%) |
|
|
| 400 | oklch(0.763 0.077 1.05) | #dc9eaf | hsl(344, 47%, 74%) |
|
|
| 500 | oklch(0.728 0.091 1.48) | #d78fa3 | hsl(343, 47%, 70%) |
|
|
| 600 | oklch(0.624 0.131 4.08) | #c7627e | hsl(343, 47%, 58%) |
|
|
| 700 | oklch(0.527 0.147 6.52) | #ad3e5d | hsl(343, 47%, 46%) |
|
|
| 800 | oklch(0.426 0.115 6.05) | #802e45 | hsl(343, 47%, 34%) |
|
|
| 900 | oklch(0.319 0.080 6.39) | #531e2c | hsl(344, 47%, 22%) |
|
|
| 950 | oklch(0.201 0.043 4.03) | #260d14 | hsl(343, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
