Ethereal Calm Color Palette
This palette exudes an ethereal calm, blending soft silvers with deep cosmic blues and midnight navy, evoking a serene twilight sky filled with whispers of mystery and elegance.
Practical uses and creative applications
The Ethereal Calm Color Palette is a harmonious blend of serene hues, featuring soft whites and deep blues that evoke tranquility and sophistication. Ideal for branding and web design, this palette is perfect for businesses aiming to create a sense of peace and reliability.
The gentle contrast between the ethereal lightness of #F0F0F0 and the rich depth of #000028 makes it an excellent choice for tech startups, wellness brands, and creative agencies looking to convey a modern yet calming aesthetic. In interior design, the Ethereal Calm palette can transform spaces into serene retreats.
The soothing shades of #2828F0 and #505078 work beautifully in bedrooms or meditation rooms, promoting relaxation and mindfulness. Designers and creatives can leverage this palette in packaging to create an inviting experience that resonates with audiences seeking comfort and sophistication.
Whether you’re designing a minimalist website or curating an elegant product line, this color palette is your go-to for establishing a refined, tranquil atmosphere.
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.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
| 200 | oklch(0.937 0.000 89.88) | #eaeaea | hsl(0, 0%, 92%) |
|
|
| 300 | oklch(0.943 0.000 89.88) | #ececec | hsl(0, 0%, 93%) |
|
|
| 400 | oklch(0.949 0.000 89.88) | #eeeeee | hsl(0, 0%, 93%) |
|
|
| 500 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 600 | oklch(0.823 0.000 89.88) | #c5c5c5 | hsl(0, 0%, 77%) |
|
|
| 700 | oklch(0.686 0.000 89.88) | #9a9a9a | hsl(0, 0%, 60%) |
|
|
| 800 | oklch(0.542 0.000 89.88) | #6f6f6f | hsl(0, 0%, 44%) |
|
|
| 900 | oklch(0.387 0.000 89.88) | #444444 | hsl(0, 0%, 27%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.869 0.062 285.04) | #cfcffc | hsl(240, 88%, 90%) |
|
|
| 100 | oklch(0.779 0.106 283.66) | #aeaef9 | hsl(240, 86%, 83%) |
|
|
| 200 | oklch(0.687 0.155 281.53) | #8c8cf7 | hsl(240, 87%, 76%) |
|
|
| 300 | oklch(0.602 0.201 278.48) | #6b6bf5 | hsl(240, 87%, 69%) |
|
|
| 400 | oklch(0.523 0.244 274.01) | #4949f2 | hsl(240, 87%, 62%) |
|
|
| 500 | oklch(0.464 0.277 268.62) | #2828f0 | hsl(240, 87%, 55%) |
|
|
| 600 | oklch(0.412 0.273 265.54) | #0f0fdb | hsl(240, 87%, 46%) |
|
|
| 700 | oklch(0.352 0.231 265.89) | #0c0cb0 | hsl(240, 87%, 37%) |
|
|
| 800 | oklch(0.289 0.186 266.50) | #090985 | hsl(240, 87%, 28%) |
|
|
| 900 | oklch(0.223 0.138 267.59) | #06065a | hsl(240, 88%, 19%) |
|
|
| 950 | oklch(0.153 0.088 269.54) | #030330 | hsl(240, 88%, 10%) |
|
dsfds
| 50 | oklch(0.862 0.070 284.83) | #ccccff | hsl(240, 100%, 90%) |
|
|
| 100 | oklch(0.641 0.196 279.36) | #7878ff | hsl(240, 100%, 74%) |
|
|
| 200 | oklch(0.477 0.296 267.56) | #2424ff | hsl(240, 100%, 57%) |
|
|
| 300 | oklch(0.388 0.269 264.05) | #0000d0 | hsl(240, 100%, 41%) |
|
|
| 400 | oklch(0.265 0.184 264.05) | #00007c | hsl(240, 100%, 24%) |
|
|
| 500 | oklch(0.125 0.087 264.05) | #000028 | hsl(240, 100%, 8%) |
|
|
| 600 | oklch(0.129 0.089 264.05) | #00002a | hsl(240, 100%, 8%) |
|
|
| 700 | oklch(0.132 0.092 264.05) | #00002c | hsl(240, 100%, 9%) |
|
|
| 800 | oklch(0.138 0.096 264.05) | #00002f | hsl(240, 100%, 9%) |
|
|
| 900 | oklch(0.142 0.098 264.05) | #000031 | hsl(240, 100%, 10%) |
|
|
| 950 | oklch(0.145 0.101 264.05) | #000033 | hsl(240, 100%, 10%) |
|
dsfds
| 50 | oklch(0.903 0.023 285.93) | #ddddee | hsl(240, 33%, 90%) |
|
|
| 100 | oklch(0.770 0.055 285.03) | #b0b0d7 | hsl(240, 33%, 77%) |
|
|
| 200 | oklch(0.635 0.092 283.45) | #8383c1 | hsl(240, 33%, 64%) |
|
|
| 300 | oklch(0.493 0.133 280.38) | #5555aa | hsl(240, 33%, 50%) |
|
|
| 400 | oklch(0.401 0.102 280.75) | #3f3f7d | hsl(240, 33%, 37%) |
|
|
| 500 | oklch(0.299 0.071 281.21) | #282850 | hsl(240, 33%, 24%) |
|
|
| 600 | oklch(0.276 0.065 281.25) | #232347 | hsl(240, 34%, 21%) |
|
|
| 700 | oklch(0.257 0.057 281.58) | #1f1f3e | hsl(240, 33%, 18%) |
|
|
| 800 | oklch(0.233 0.049 281.85) | #1a1a34 | hsl(240, 33%, 15%) |
|
|
| 900 | oklch(0.212 0.041 282.33) | #16162b | hsl(240, 32%, 13%) |
|
|
| 950 | oklch(0.187 0.034 282.58) | #111122 | hsl(240, 33%, 10%) |
|
dsfds
| 50 | oklch(0.910 0.015 286.10) | #e0e0eb | hsl(240, 22%, 90%) |
|
|
| 100 | oklch(0.817 0.029 285.73) | #c1c1d6 | hsl(240, 20%, 80%) |
|
|
| 200 | oklch(0.723 0.045 285.23) | #a2a2c1 | hsl(240, 20%, 70%) |
|
|
| 300 | oklch(0.625 0.061 284.48) | #8383ac | hsl(240, 20%, 59%) |
|
|
| 400 | oklch(0.528 0.078 283.40) | #656597 | hsl(240, 20%, 49%) |
|
|
| 500 | oklch(0.449 0.065 283.47) | #505078 | hsl(240, 20%, 39%) |
|
|
| 600 | oklch(0.402 0.057 283.55) | #444466 | hsl(240, 20%, 33%) |
|
|
| 700 | oklch(0.353 0.048 283.65) | #383854 | hsl(240, 20%, 27%) |
|
|
| 800 | oklch(0.303 0.039 283.80) | #2c2c42 | hsl(240, 20%, 22%) |
|
|
| 900 | oklch(0.251 0.030 284.02) | #202030 | hsl(240, 20%, 16%) |
|
|
| 950 | oklch(0.197 0.022 284.20) | #14141f | hsl(240, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
