Serene Color Palette
A harmonious blend of soft pastels and deep, moody hues creates a serene yet dramatic atmosphere, where gentle greens and a delicate yellow dance with rich burgundy and dark crimson.
Practical uses and creative applications
The Serene Color Palette is a delightful blend of soothing and rich hues, perfect for creating a tranquil atmosphere in various design projects. With its soft pastel yellow (#f0ffc9) and refreshing green (#a9da88), this palette evokes a sense of calm that is ideal for wellness brands, eco-friendly products, or any creative endeavor aimed at promoting relaxation.
The deeper tones of teal (#62997a), burgundy (#72243d), and dark red (#3b0819) add a touch of sophistication, making it suitable for branding and packaging that seeks to convey both serenity and elegance. This palette is particularly appealing to designers and creatives looking to craft engaging web designs or interiors that foster a peaceful environment.
Whether you're designing a spa website, developing organic product packaging, or reimagining a cozy café interior, the Serene Color Palette offers versatility and a harmonious feel that resonates with audiences seeking comfort and tranquility. By integrating these colors, you can create a cohesive visual experience that captivates and delights, making it a must-have for any designer's toolkit.
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.977 0.068 120.13) | #f1ffcc | hsl(76, 100%, 90%) |
|
|
| 100 | oklch(0.977 0.069 119.93) | #f1ffcb | hsl(76, 100%, 90%) |
|
|
| 200 | oklch(0.977 0.069 119.93) | #f1ffcb | hsl(76, 100%, 90%) |
|
|
| 300 | oklch(0.976 0.070 120.55) | #f0ffca | hsl(77, 100%, 90%) |
|
|
| 400 | oklch(0.976 0.070 120.55) | #f0ffca | hsl(77, 100%, 90%) |
|
|
| 500 | oklch(0.976 0.072 120.35) | #f0ffc9 | hsl(77, 100%, 89%) |
|
|
| 600 | oklch(0.947 0.166 122.36) | #daff78 | hsl(76, 100%, 74%) |
|
|
| 700 | oklch(0.926 0.226 125.42) | #c3ff27 | hsl(77, 100%, 58%) |
|
|
| 800 | oklch(0.802 0.207 127.07) | #9ad500 | hsl(77, 100%, 42%) |
|
|
| 900 | oklch(0.564 0.145 126.73) | #5f8400 | hsl(77, 100%, 26%) |
|
|
| 950 | oklch(0.297 0.074 124.61) | #253300 | hsl(76, 100%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.040 132.41) | #e3f3d8 | hsl(96, 53%, 90%) |
|
|
| 100 | oklch(0.922 0.056 133.02) | #d7eec8 | hsl(96, 53%, 86%) |
|
|
| 200 | oklch(0.900 0.072 132.71) | #cce9b8 | hsl(96, 53%, 82%) |
|
|
| 300 | oklch(0.878 0.089 133.18) | #c0e4a8 | hsl(96, 53%, 78%) |
|
|
| 400 | oklch(0.856 0.104 133.10) | #b5df98 | hsl(95, 53%, 74%) |
|
|
| 500 | oklch(0.834 0.120 133.54) | #a9da88 | hsl(96, 53%, 69%) |
|
|
| 600 | oklch(0.775 0.163 134.41) | #88cc5a | hsl(96, 53%, 58%) |
|
|
| 700 | oklch(0.690 0.173 135.38) | #68b237 | hsl(96, 53%, 46%) |
|
|
| 800 | oklch(0.553 0.135 135.18) | #4d8329 | hsl(96, 52%, 34%) |
|
|
| 900 | oklch(0.409 0.096 134.81) | #32551a | hsl(96, 53%, 22%) |
|
|
| 950 | oklch(0.251 0.051 134.21) | #17270c | hsl(96, 53%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.014 162.46) | #e0ebe5 | hsl(147, 22%, 90%) |
|
|
| 100 | oklch(0.873 0.027 159.51) | #c7dbcf | hsl(144, 22%, 82%) |
|
|
| 200 | oklch(0.815 0.040 160.57) | #adcbba | hsl(146, 22%, 74%) |
|
|
| 300 | oklch(0.755 0.051 160.71) | #94baa5 | hsl(147, 22%, 65%) |
|
|
| 400 | oklch(0.696 0.065 159.49) | #7aaa8f | hsl(146, 22%, 57%) |
|
|
| 500 | oklch(0.636 0.075 158.65) | #62997a | hsl(146, 22%, 49%) |
|
|
| 600 | oklch(0.562 0.066 159.13) | #528167 | hsl(147, 22%, 41%) |
|
|
| 700 | oklch(0.483 0.054 158.65) | #436853 | hsl(146, 22%, 34%) |
|
|
| 800 | oklch(0.403 0.044 159.44) | #335040 | hsl(147, 22%, 26%) |
|
|
| 900 | oklch(0.317 0.032 158.58) | #24372c | hsl(145, 21%, 18%) |
|
|
| 950 | oklch(0.226 0.020 160.47) | #141f19 | hsl(147, 22%, 10%) |
|
dsfds
| 50 | oklch(0.907 0.032 355.59) | #f3d8e1 | hsl(340, 53%, 90%) |
|
|
| 100 | oklch(0.795 0.073 357.82) | #e4a9bc | hsl(341, 52%, 78%) |
|
|
| 200 | oklch(0.687 0.117 0.22) | #d57a97 | hsl(341, 52%, 66%) |
|
|
| 300 | oklch(0.588 0.160 3.25) | #c64b73 | hsl(340, 52%, 54%) |
|
|
| 400 | oklch(0.493 0.147 4.89) | #a13356 | hsl(341, 52%, 42%) |
|
|
| 500 | oklch(0.387 0.112 4.25) | #72243d | hsl(341, 52%, 29%) |
|
|
| 600 | oklch(0.352 0.100 3.87) | #631f35 | hsl(341, 52%, 25%) |
|
|
| 700 | oklch(0.316 0.088 3.37) | #541a2d | hsl(340, 53%, 22%) |
|
|
| 800 | oklch(0.280 0.074 3.32) | #451625 | hsl(341, 52%, 18%) |
|
|
| 900 | oklch(0.241 0.061 2.51) | #36111d | hsl(341, 52%, 14%) |
|
|
| 950 | oklch(0.202 0.047 1.23) | #270c15 | hsl(340, 53%, 10%) |
|
dsfds
| 50 | oklch(0.900 0.047 356.04) | #f9d2df | hsl(340, 76%, 90%) |
|
|
| 100 | oklch(0.757 0.125 359.14) | #f08dae | hsl(340, 77%, 75%) |
|
|
| 200 | oklch(0.638 0.197 4.26) | #e6487d | hsl(340, 76%, 59%) |
|
|
| 300 | oklch(0.536 0.201 9.33) | #c51b54 | hsl(340, 76%, 44%) |
|
|
| 400 | oklch(0.393 0.144 8.58) | #801136 | hsl(340, 77%, 28%) |
|
|
| 500 | oklch(0.238 0.080 5.78) | #3b0819 | hsl(340, 76%, 13%) |
|
|
| 600 | oklch(0.231 0.076 5.39) | #380818 | hsl(340, 75%, 13%) |
|
|
| 700 | oklch(0.223 0.074 4.37) | #350717 | hsl(339, 77%, 12%) |
|
|
| 800 | oklch(0.218 0.071 6.03) | #330715 | hsl(341, 76%, 11%) |
|
|
| 900 | oklch(0.210 0.069 4.88) | #300614 | hsl(340, 78%, 11%) |
|
|
| 950 | oklch(0.203 0.065 4.38) | #2d0613 | hsl(340, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
