Serene Pastel Color Palette
This soft, pastel palette radiates a serene, dreamy vibe with gentle grays and blush tones, perfect for an elegant and calming aesthetic.
Practical uses and creative applications
The Serene Pastel Color Palette, featuring soft hues of #e5e5e5, #f1dbda, #fcd0cf, #cfbdbf, and #a2a9af, is the perfect choice for those looking to evoke tranquility and warmth in their design projects. This harmonious blend of muted tones can be utilized across various mediums, including branding, web design, packaging, and interior decor.
Whether you're designing a calming website for a wellness brand or creating charming packaging for artisanal products, these pastel shades provide a soothing backdrop that resonates with audiences seeking comfort and elegance. Ideal for designers and creatives, the Serene Pastel Color Palette suits a variety of stylesfrom modern minimalism to cozy vintage aesthetics.
It caters especially well to brands in the health, beauty, and lifestyle sectors, where conveying a sense of calm and approachability is essential. Additionally, this palette can transform interiors, making spaces feel inviting and serene, perfect for homes, cafes, or boutiques aiming to create a peaceful atmosphere.
Embrace the gentle allure of pastels with this versatile color palette that speaks to the heart and soul of your audience.
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.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.922 0.000 89.88) | #e5e5e5 | hsl(0, 0%, 90%) |
|
|
| 200 | oklch(0.922 0.000 89.88) | #e5e5e5 | hsl(0, 0%, 90%) |
|
|
| 300 | oklch(0.922 0.000 89.88) | #e5e5e5 | hsl(0, 0%, 90%) |
|
|
| 400 | oklch(0.922 0.000 89.88) | #e5e5e5 | hsl(0, 0%, 90%) |
|
|
| 500 | oklch(0.922 0.000 89.88) | #e5e5e5 | hsl(0, 0%, 90%) |
|
|
| 600 | oklch(0.795 0.000 89.88) | #bcbcbc | hsl(0, 0%, 74%) |
|
|
| 700 | oklch(0.667 0.000 89.88) | #949494 | hsl(0, 0%, 58%) |
|
|
| 800 | oklch(0.528 0.000 89.88) | #6b6b6b | hsl(0, 0%, 42%) |
|
|
| 900 | oklch(0.379 0.000 89.88) | #424242 | hsl(0, 0%, 26%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.909 0.024 20.75) | #f1dbda | hsl(3, 45%, 90%) |
|
|
| 100 | oklch(0.909 0.024 20.75) | #f1dbda | hsl(3, 45%, 90%) |
|
|
| 200 | oklch(0.909 0.024 20.75) | #f1dbda | hsl(3, 45%, 90%) |
|
|
| 300 | oklch(0.909 0.024 20.75) | #f1dbda | hsl(3, 45%, 90%) |
|
|
| 400 | oklch(0.909 0.024 20.75) | #f1dbda | hsl(3, 45%, 90%) |
|
|
| 500 | oklch(0.909 0.024 20.75) | #f1dbda | hsl(3, 45%, 90%) |
|
|
| 600 | oklch(0.763 0.069 21.06) | #dba19f | hsl(2, 45%, 74%) |
|
|
| 700 | oklch(0.623 0.118 23.63) | #c46864 | hsl(3, 45%, 58%) |
|
|
| 800 | oklch(0.491 0.124 25.19) | #9b3f3b | hsl(3, 45%, 42%) |
|
|
| 900 | oklch(0.354 0.084 25.30) | #602724 | hsl(3, 45%, 26%) |
|
|
| 950 | oklch(0.202 0.037 23.66) | #250f0e | hsl(3, 45%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.050 19.66) | #fcd0cf | hsl(1, 88%, 90%) |
|
|
| 100 | oklch(0.895 0.050 19.66) | #fcd0cf | hsl(1, 88%, 90%) |
|
|
| 200 | oklch(0.895 0.050 19.66) | #fcd0cf | hsl(1, 88%, 90%) |
|
|
| 300 | oklch(0.895 0.050 19.66) | #fcd0cf | hsl(1, 88%, 90%) |
|
|
| 400 | oklch(0.895 0.050 19.66) | #fcd0cf | hsl(1, 88%, 90%) |
|
|
| 500 | oklch(0.895 0.050 19.66) | #fcd0cf | hsl(1, 88%, 90%) |
|
|
| 600 | oklch(0.742 0.140 22.58) | #f78582 | hsl(2, 88%, 74%) |
|
|
| 700 | oklch(0.632 0.220 27.38) | #f23a35 | hsl(2, 88%, 58%) |
|
|
| 800 | oklch(0.532 0.211 28.97) | #ca110d | hsl(1, 88%, 42%) |
|
|
| 900 | oklch(0.376 0.146 28.63) | #7d0a08 | hsl(1, 88%, 26%) |
|
|
| 950 | oklch(0.202 0.072 28.18) | #300403 | hsl(1, 88%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.010 9.55) | #eae1e2 | hsl(353, 18%, 90%) |
|
|
| 100 | oklch(0.897 0.011 10.36) | #e4dadb | hsl(354, 16%, 87%) |
|
|
| 200 | oklch(0.877 0.013 11.58) | #dfd3d4 | hsl(355, 16%, 85%) |
|
|
| 300 | oklch(0.857 0.016 12.48) | #dacccd | hsl(356, 16%, 83%) |
|
|
| 400 | oklch(0.834 0.018 8.85) | #d4c4c6 | hsl(353, 16%, 80%) |
|
|
| 500 | oklch(0.814 0.021 9.89) | #cfbdbf | hsl(353, 16%, 78%) |
|
|
| 600 | oklch(0.697 0.035 10.99) | #b29598 | hsl(354, 16%, 64%) |
|
|
| 700 | oklch(0.577 0.051 10.48) | #956d72 | hsl(353, 16%, 51%) |
|
|
| 800 | oklch(0.463 0.039 11.80) | #6d5053 | hsl(354, 15%, 37%) |
|
|
| 900 | oklch(0.342 0.026 11.10) | #453335 | hsl(353, 15%, 24%) |
|
|
| 950 | oklch(0.208 0.015 10.97) | #1e1516 | hsl(353, 18%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.003 228.79) | #e4e6e7 | hsl(200, 6%, 90%) |
|
|
| 100 | oklch(0.886 0.005 228.83) | #d6dadc | hsl(200, 8%, 85%) |
|
|
| 200 | oklch(0.846 0.007 247.91) | #c9cdd1 | hsl(210, 8%, 80%) |
|
|
| 300 | oklch(0.808 0.009 247.94) | #bcc1c6 | hsl(210, 8%, 76%) |
|
|
| 400 | oklch(0.770 0.010 242.88) | #afb5ba | hsl(207, 7%, 71%) |
|
|
| 500 | oklch(0.731 0.012 243.71) | #a2a9af | hsl(208, 8%, 66%) |
|
|
| 600 | oklch(0.638 0.017 241.91) | #838d95 | hsl(207, 8%, 55%) |
|
|
| 700 | oklch(0.540 0.017 244.91) | #677078 | hsl(208, 8%, 44%) |
|
|
| 800 | oklch(0.438 0.013 243.89) | #4c5359 | hsl(208, 8%, 32%) |
|
|
| 900 | oklch(0.331 0.009 248.10) | #32363a | hsl(210, 7%, 21%) |
|
|
| 950 | oklch(0.216 0.004 228.98) | #181a1b | hsl(200, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
