Warm Serenity Color Palette
This palette exudes a warm, sun-kissed serenity with soft peach and golden hues, balanced by earthy greens and muted grays, creating a harmonious blend of comfort and tranquility reminiscent of a peaceful afternoon in a cozy garden.
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 comfort. With hues like #fbb498, #f8c681, #bec47e, #9bb78f, and #98908d, this palette is ideal for creatives looking to instill a tranquil vibe in their projects.
Whether used in branding, web design, packaging, or interior decor, these colors work beautifully together to create spaces and visuals that promote relaxation and well-being. Designers and creatives seeking to appeal to a wellness-oriented audience will find the Warm Serenity Color Palette particularly fitting.
Its warm undertones are perfect for businesses focused on health, beauty, or lifestyle, making it an excellent choice for branding initiatives or product packaging that aim to convey a nurturing and inviting message. Additionally, in web design, this palette can enhance user experience by creating soothing backgrounds and accents that keep visitors engaged without overwhelming their senses.
For interior designers, incorporating these colors into living spaces can transform environments into serene retreats. The Warm Serenity Color Palette is perfect for spaces meant for relaxation, such as yoga studios, spa facilities, or cozy homes.
By utilizing these warm, earthy tones, designers can foster an atmosphere of peace and tranquility that resonates with clients looking for comfort and balance.
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.916 0.042 42.07) | #fddbce | hsl(17, 92%, 90%) |
|
|
| 100 | oklch(0.899 0.052 41.93) | #fdd3c3 | hsl(17, 94%, 88%) |
|
|
| 200 | oklch(0.882 0.061 43.79) | #fcccb8 | hsl(18, 92%, 85%) |
|
|
| 300 | oklch(0.865 0.071 42.46) | #fcc4ae | hsl(17, 93%, 84%) |
|
|
| 400 | oklch(0.847 0.081 42.61) | #fbbca3 | hsl(17, 92%, 81%) |
|
|
| 500 | oklch(0.830 0.092 42.42) | #fbb498 | hsl(17, 93%, 79%) |
|
|
| 600 | oklch(0.732 0.156 41.89) | #f88354 | hsl(17, 92%, 65%) |
|
|
| 700 | oklch(0.657 0.211 37.65) | #f65110 | hsl(17, 93%, 51%) |
|
|
| 800 | oklch(0.529 0.172 37.32) | #b93907 | hsl(17, 93%, 38%) |
|
|
| 900 | oklch(0.383 0.120 38.24) | #752405 | hsl(17, 92%, 24%) |
|
|
| 950 | oklch(0.222 0.061 42.80) | #310f02 | hsl(17, 92%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.040 75.80) | #fce9cf | hsl(35, 88%, 90%) |
|
|
| 100 | oklch(0.924 0.053 76.22) | #fbe2bf | hsl(35, 88%, 87%) |
|
|
| 200 | oklch(0.908 0.066 74.96) | #fbdbb0 | hsl(34, 90%, 84%) |
|
|
| 300 | oklch(0.890 0.079 75.16) | #fad4a0 | hsl(35, 90%, 80%) |
|
|
| 400 | oklch(0.873 0.091 74.74) | #f9cd91 | hsl(35, 90%, 77%) |
|
|
| 500 | oklch(0.856 0.104 74.61) | #f8c681 | hsl(35, 89%, 74%) |
|
|
| 600 | oklch(0.793 0.145 71.08) | #f5aa43 | hsl(35, 90%, 61%) |
|
|
| 700 | oklch(0.725 0.161 64.50) | #ea8d0d | hsl(35, 89%, 48%) |
|
|
| 800 | oklch(0.580 0.127 65.49) | #ac680a | hsl(35, 89%, 36%) |
|
|
| 900 | oklch(0.422 0.090 66.48) | #6e4206 | hsl(35, 90%, 23%) |
|
|
| 950 | oklch(0.250 0.049 71.53) | #301d03 | hsl(35, 88%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.025 111.75) | #edefdc | hsl(66, 37%, 90%) |
|
|
| 100 | oklch(0.916 0.038 110.36) | #e4e6c9 | hsl(64, 37%, 85%) |
|
|
| 200 | oklch(0.887 0.053 112.12) | #dadeb6 | hsl(66, 38%, 79%) |
|
|
| 300 | oklch(0.858 0.065 111.56) | #d1d5a4 | hsl(65, 37%, 74%) |
|
|
| 400 | oklch(0.829 0.079 112.78) | #c7cd91 | hsl(66, 38%, 69%) |
|
|
| 500 | oklch(0.799 0.092 112.46) | #bec47e | hsl(65, 37%, 63%) |
|
|
| 600 | oklch(0.741 0.115 113.39) | #abb359 | hsl(65, 37%, 53%) |
|
|
| 700 | oklch(0.640 0.104 113.49) | #8c9343 | hsl(65, 37%, 42%) |
|
|
| 800 | oklch(0.517 0.082 113.26) | #686d32 | hsl(65, 37%, 31%) |
|
|
| 900 | oklch(0.389 0.059 112.72) | #454821 | hsl(65, 37%, 21%) |
|
|
| 950 | oklch(0.248 0.033 113.73) | #212310 | hsl(66, 37%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.017 137.03) | #e3ebe0 | hsl(104, 22%, 90%) |
|
|
| 100 | oklch(0.896 0.026 136.33) | #d5e1d0 | hsl(102, 22%, 85%) |
|
|
| 200 | oklch(0.858 0.035 137.09) | #c6d6c0 | hsl(104, 21%, 80%) |
|
|
| 300 | oklch(0.822 0.045 135.89) | #b8ccaf | hsl(101, 22%, 74%) |
|
|
| 400 | oklch(0.784 0.054 136.48) | #a9c19f | hsl(102, 22%, 69%) |
|
|
| 500 | oklch(0.748 0.064 136.36) | #9bb78f | hsl(102, 22%, 64%) |
|
|
| 600 | oklch(0.669 0.083 136.73) | #7da16e | hsl(102, 21%, 53%) |
|
|
| 700 | oklch(0.573 0.077 136.48) | #638355 | hsl(102, 21%, 42%) |
|
|
| 800 | oklch(0.467 0.062 136.17) | #4a623f | hsl(101, 22%, 32%) |
|
|
| 900 | oklch(0.353 0.046 136.83) | #304129 | hsl(103, 23%, 21%) |
|
|
| 950 | oklch(0.227 0.024 137.29) | #171f14 | hsl(104, 22%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.003 48.72) | #e7e5e4 | hsl(20, 6%, 90%) |
|
|
| 100 | oklch(0.872 0.004 39.48) | #d7d4d3 | hsl(15, 5%, 84%) |
|
|
| 200 | oklch(0.820 0.005 48.67) | #c7c3c1 | hsl(20, 5%, 77%) |
|
|
| 300 | oklch(0.768 0.007 39.45) | #b8b2b0 | hsl(15, 5%, 71%) |
|
|
| 400 | oklch(0.714 0.009 44.85) | #a8a19e | hsl(18, 5%, 64%) |
|
|
| 500 | oklch(0.659 0.011 41.84) | #98908d | hsl(16, 5%, 57%) |
|
|
| 600 | oklch(0.576 0.012 39.39) | #807774 | hsl(15, 5%, 48%) |
|
|
| 700 | oklch(0.495 0.010 44.78) | #67605d | hsl(18, 5%, 38%) |
|
|
| 800 | oklch(0.407 0.009 39.39) | #4e4846 | hsl(15, 5%, 29%) |
|
|
| 900 | oklch(0.316 0.006 56.19) | #34312f | hsl(24, 5%, 19%) |
|
|
| 950 | oklch(0.215 0.004 48.55) | #1b1918 | hsl(20, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
