Warm Serenity Color Palette
This palette radiates a warm, sun-soaked serenity, blending coral pinks and soft creams with soothing greens, evoking a cheerful oasis of calm and gentle sophistication.
Practical uses and creative applications
The Warm Serenity Color Palette features a harmonious blend of soft, earthy tones that evoke a sense of calm and tranquility. With its main colors#fb7968, a warm coral; #f9c593, a gentle peach; #fafad4, a light buttery yellow; #b0d1b2, a soothing mint green; and #89b2a2, a deep tealthis palette is ideal for a variety of design applications.
Whether you're creating branding for a wellness brand, developing a serene web design, or crafting inviting interiors, these colors bring a peaceful and welcoming atmosphere that resonates with audiences seeking comfort and balance. Perfect for designers, creatives, and business owners focused on the wellness, lifestyle, or eco-friendly sectors, the Warm Serenity Color Palette embodies the essence of relaxation and mindfulness.
Its soft hues work beautifully in packaging for natural products, helping to convey a message of purity and care. Similarly, in web design, this palette can create a user-friendly interface that encourages engagement and fosters a sense of ease.
By incorporating this color scheme into your projects, you can effectively communicate a serene and inviting brand identity that appeals to customers looking for a calming experience in their everyday lives.
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.
| 50 | oklch(0.902 0.049 27.39) | #fed3cd | hsl(7, 96%, 90%) |
|
|
| 100 | oklch(0.863 0.070 27.28) | #fdc1b9 | hsl(7, 94%, 86%) |
|
|
| 200 | oklch(0.826 0.093 27.36) | #fdafa5 | hsl(7, 96%, 82%) |
|
|
| 300 | oklch(0.790 0.116 27.73) | #fc9d91 | hsl(7, 95%, 78%) |
|
|
| 400 | oklch(0.756 0.140 28.70) | #fc8b7c | hsl(7, 96%, 74%) |
|
|
| 500 | oklch(0.724 0.162 29.24) | #fb7968 | hsl(7, 95%, 70%) |
|
|
| 600 | oklch(0.651 0.221 30.81) | #f9442d | hsl(7, 94%, 58%) |
|
|
| 700 | oklch(0.585 0.227 30.71) | #e32006 | hsl(7, 95%, 46%) |
|
|
| 800 | oklch(0.469 0.180 30.89) | #a81704 | hsl(7, 95%, 34%) |
|
|
| 900 | oklch(0.345 0.129 31.35) | #6d0f03 | hsl(7, 95%, 22%) |
|
|
| 950 | oklch(0.211 0.071 34.49) | #320701 | hsl(7, 96%, 10%) |
|
| 50 | oklch(0.935 0.039 66.07) | #fce5cf | hsl(29, 88%, 90%) |
|
|
| 100 | oklch(0.920 0.049 66.16) | #fcdfc3 | hsl(29, 90%, 88%) |
|
|
| 200 | oklch(0.903 0.059 65.30) | #fbd8b7 | hsl(29, 89%, 85%) |
|
|
| 300 | oklch(0.888 0.068 66.04) | #fad2ab | hsl(30, 89%, 83%) |
|
|
| 400 | oklch(0.873 0.078 64.62) | #facb9f | hsl(29, 90%, 80%) |
|
|
| 500 | oklch(0.858 0.088 65.09) | #f9c593 | hsl(29, 89%, 78%) |
|
|
| 600 | oklch(0.780 0.137 62.30) | #f5a252 | hsl(29, 89%, 64%) |
|
|
| 700 | oklch(0.713 0.173 54.77) | #f27f10 | hsl(29, 90%, 51%) |
|
|
| 800 | oklch(0.570 0.138 55.07) | #b35d0a | hsl(29, 89%, 37%) |
|
|
| 900 | oklch(0.414 0.097 56.46) | #723b06 | hsl(29, 90%, 24%) |
|
|
| 950 | oklch(0.240 0.050 61.79) | #301903 | hsl(29, 88%, 10%) |
|
| 50 | oklch(0.975 0.053 107.35) | #fafad1 | hsl(60, 80%, 90%) |
|
|
| 100 | oklch(0.975 0.052 107.32) | #fafad2 | hsl(60, 80%, 90%) |
|
|
| 200 | oklch(0.975 0.052 107.32) | #fafad2 | hsl(60, 80%, 90%) |
|
|
| 300 | oklch(0.975 0.051 107.30) | #fafad3 | hsl(60, 80%, 90%) |
|
|
| 400 | oklch(0.975 0.051 107.30) | #fafad3 | hsl(60, 80%, 90%) |
|
|
| 500 | oklch(0.975 0.049 107.28) | #fafad4 | hsl(60, 79%, 91%) |
|
|
| 600 | oklch(0.936 0.126 108.60) | #f1f18a | hsl(60, 79%, 74%) |
|
|
| 700 | oklch(0.906 0.178 109.49) | #e9e941 | hsl(60, 79%, 58%) |
|
|
| 800 | oklch(0.785 0.167 109.70) | #c1c116 | hsl(60, 80%, 42%) |
|
|
| 900 | oklch(0.551 0.116 109.66) | #77770e | hsl(60, 79%, 26%) |
|
|
| 950 | oklch(0.292 0.058 109.53) | #2e2e05 | hsl(60, 80%, 10%) |
|
| 50 | oklch(0.930 0.021 147.63) | #dfece0 | hsl(125, 25%, 90%) |
|
|
| 100 | oklch(0.910 0.030 146.89) | #d5e7d6 | hsl(123, 27%, 87%) |
|
|
| 200 | oklch(0.889 0.035 146.60) | #cce1cd | hsl(123, 26%, 84%) |
|
|
| 300 | oklch(0.869 0.042 146.29) | #c3dcc4 | hsl(122, 26%, 81%) |
|
|
| 400 | oklch(0.847 0.048 147.03) | #b9d6bb | hsl(124, 26%, 78%) |
|
|
| 500 | oklch(0.828 0.055 146.69) | #b0d1b2 | hsl(124, 26%, 75%) |
|
|
| 600 | oklch(0.735 0.085 146.14) | #86b889 | hsl(124, 26%, 62%) |
|
|
| 700 | oklch(0.642 0.114 145.44) | #5d9f61 | hsl(124, 26%, 49%) |
|
|
| 800 | oklch(0.515 0.089 145.49) | #447547 | hsl(124, 26%, 36%) |
|
|
| 900 | oklch(0.376 0.061 145.70) | #2b4a2d | hsl(124, 26%, 23%) |
|
|
| 950 | oklch(0.227 0.029 146.42) | #132014 | hsl(125, 25%, 10%) |
|
| 50 | oklch(0.931 0.013 172.35) | #e0ebe7 | hsl(158, 22%, 90%) |
|
|
| 100 | oklch(0.890 0.019 171.45) | #cfdfd9 | hsl(158, 20%, 84%) |
|
|
| 200 | oklch(0.850 0.028 170.16) | #bdd4cb | hsl(157, 21%, 79%) |
|
|
| 300 | oklch(0.811 0.035 168.53) | #acc9bd | hsl(155, 21%, 73%) |
|
|
| 400 | oklch(0.769 0.042 170.60) | #9abdb0 | hsl(158, 21%, 67%) |
|
|
| 500 | oklch(0.729 0.050 169.04) | #89b2a2 | hsl(157, 21%, 62%) |
|
|
| 600 | oklch(0.653 0.063 168.31) | #699d89 | hsl(157, 21%, 51%) |
|
|
| 700 | oklch(0.559 0.056 168.11) | #537f6e | hsl(157, 21%, 41%) |
|
|
| 800 | oklch(0.456 0.044 167.78) | #3e5f52 | hsl(156, 21%, 31%) |
|
|
| 900 | oklch(0.346 0.032 167.11) | #293f36 | hsl(155, 21%, 20%) |
|
|
| 950 | oklch(0.227 0.018 170.28) | #141f1b | hsl(158, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
