Serene Oasis Color Palette
A serene oasis of soft creams and refreshing teals, accented by lush greens and a deep, grounding black, evoking a tranquil yet sophisticated atmosphere.
Practical uses and creative applications
The Serene Oasis Color Palette effortlessly combines soft neutrals and vibrant greens to create a harmonious visual experience. Featuring shades like #f7f4e8, a delicate cream, and #daf3ea, a soothing mint, this palette is ideal for projects that aim to evoke tranquility and balance.
Designers can utilize these colors in branding to convey a sense of calmness and wellness, making them perfect for businesses in the health, spa, or eco-friendly sectors. In web design, the Serene Oasis palette can enhance user experience by creating a peaceful online environment that encourages exploration and relaxation.
The deeper tones, such as #0b0b0d, can serve as striking accents that provide contrast without overwhelming the viewer. This makes the palette suitable for creatives looking to design visually appealing packaging for natural products, or for interiors seeking a fresh and inviting atmosphere.
Ultimately, the Serene Oasis Color Palette is a versatile choice for designers and creatives who want to instill a sense of serenity in their work.
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.945 0.027 95.35) | #f2edd9 | hsl(48, 49%, 90%) |
|
|
| 100 | oklch(0.948 0.024 94.07) | #f3eedc | hsl(47, 49%, 91%) |
|
|
| 200 | oklch(0.954 0.023 95.96) | #f4f0df | hsl(49, 49%, 92%) |
|
|
| 300 | oklch(0.957 0.020 94.53) | #f5f1e2 | hsl(47, 49%, 92%) |
|
|
| 400 | oklch(0.963 0.019 96.86) | #f6f3e5 | hsl(49, 49%, 93%) |
|
|
| 500 | oklch(0.966 0.016 95.22) | #f7f4e8 | hsl(48, 48%, 94%) |
|
|
| 600 | oklch(0.874 0.062 96.19) | #e1d6a8 | hsl(48, 49%, 77%) |
|
|
| 700 | oklch(0.780 0.101 95.39) | #cbb769 | hsl(48, 49%, 60%) |
|
|
| 800 | oklch(0.653 0.108 94.82) | #a58f39 | hsl(48, 49%, 44%) |
|
|
| 900 | oklch(0.462 0.074 95.56) | #655823 | hsl(48, 49%, 27%) |
|
|
| 950 | oklch(0.248 0.034 95.65) | #26210d | hsl(48, 49%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.031 171.36) | #d8f3e9 | hsl(158, 53%, 90%) |
|
|
| 100 | oklch(0.942 0.030 170.56) | #d9f3e9 | hsl(157, 52%, 90%) |
|
|
| 200 | oklch(0.942 0.030 170.56) | #d9f3e9 | hsl(157, 52%, 90%) |
|
|
| 300 | oklch(0.943 0.030 172.86) | #d9f3ea | hsl(159, 52%, 90%) |
|
|
| 400 | oklch(0.943 0.029 172.06) | #daf3ea | hsl(158, 51%, 90%) |
|
|
| 500 | oklch(0.943 0.029 172.06) | #daf3ea | hsl(158, 51%, 90%) |
|
|
| 600 | oklch(0.852 0.076 170.16) | #9cdfc7 | hsl(159, 51%, 74%) |
|
|
| 700 | oklch(0.767 0.116 167.21) | #5ecba4 | hsl(159, 51%, 58%) |
|
|
| 800 | oklch(0.640 0.115 165.28) | #35a27b | hsl(159, 51%, 42%) |
|
|
| 900 | oklch(0.454 0.078 165.80) | #21644c | hsl(159, 50%, 26%) |
|
|
| 950 | oklch(0.248 0.038 166.32) | #0c271d | hsl(158, 53%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.038 169.76) | #d5f6e9 | hsl(156, 65%, 90%) |
|
|
| 100 | oklch(0.927 0.053 169.36) | #c5f3e1 | hsl(157, 66%, 86%) |
|
|
| 200 | oklch(0.909 0.068 168.86) | #b5f0d9 | hsl(157, 66%, 83%) |
|
|
| 300 | oklch(0.891 0.082 167.46) | #a5edd0 | hsl(156, 67%, 79%) |
|
|
| 400 | oklch(0.871 0.095 167.37) | #95e9c8 | hsl(156, 66%, 75%) |
|
|
| 500 | oklch(0.855 0.107 166.67) | #85e6c0 | hsl(156, 66%, 71%) |
|
|
| 600 | oklch(0.802 0.143 163.69) | #51dba5 | hsl(157, 66%, 59%) |
|
|
| 700 | oklch(0.734 0.154 160.71) | #29c688 | hsl(156, 66%, 47%) |
|
|
| 800 | oklch(0.587 0.122 160.93) | #1e9264 | hsl(156, 66%, 35%) |
|
|
| 900 | oklch(0.430 0.086 162.11) | #135e41 | hsl(157, 66%, 22%) |
|
|
| 950 | oklch(0.257 0.046 163.60) | #092a1d | hsl(156, 65%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.020 172.77) | #ddeee8 | hsl(159, 33%, 90%) |
|
|
| 100 | oklch(0.890 0.032 174.23) | #c6e2d9 | hsl(161, 33%, 83%) |
|
|
| 200 | oklch(0.845 0.044 172.44) | #b0d6c9 | hsl(159, 32%, 76%) |
|
|
| 300 | oklch(0.800 0.056 172.76) | #99caba | hsl(160, 32%, 70%) |
|
|
| 400 | oklch(0.757 0.070 170.84) | #82bfaa | hsl(159, 32%, 63%) |
|
|
| 500 | oklch(0.712 0.081 170.58) | #6bb39b | hsl(160, 32%, 56%) |
|
|
| 600 | oklch(0.642 0.087 169.29) | #519e84 | hsl(160, 32%, 47%) |
|
|
| 700 | oklch(0.548 0.073 169.33) | #417f6a | hsl(160, 32%, 38%) |
|
|
| 800 | oklch(0.450 0.059 169.40) | #316050 | hsl(160, 32%, 28%) |
|
|
| 900 | oklch(0.347 0.043 169.50) | #214136 | hsl(159, 33%, 19%) |
|
|
| 950 | oklch(0.235 0.026 169.60) | #11221c | hsl(159, 33%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.007 286.27) | #e3e3e8 | hsl(240, 10%, 90%) |
|
|
| 100 | oklch(0.774 0.017 286.00) | #b4b4c0 | hsl(240, 9%, 73%) |
|
|
| 200 | oklch(0.623 0.028 285.55) | #858598 | hsl(240, 8%, 56%) |
|
|
| 300 | oklch(0.477 0.026 285.39) | #5b5b6b | hsl(240, 8%, 39%) |
|
|
| 400 | oklch(0.325 0.016 285.49) | #33333c | hsl(240, 8%, 22%) |
|
|
| 500 | oklch(0.151 0.004 285.88) | #0b0b0d | hsl(240, 8%, 5%) |
|
|
| 600 | oklch(0.160 0.006 285.67) | #0d0d10 | hsl(240, 10%, 6%) |
|
|
| 700 | oklch(0.174 0.006 285.74) | #101013 | hsl(240, 9%, 7%) |
|
|
| 800 | oklch(0.184 0.008 285.58) | #121216 | hsl(240, 10%, 8%) |
|
|
| 900 | oklch(0.198 0.008 285.65) | #151519 | hsl(240, 9%, 9%) |
|
|
| 950 | oklch(0.207 0.010 285.51) | #17171c | hsl(240, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
