Serene Color Palette
This serene palette of soft aqua, tranquil sky blue, and gentle lavender evokes a calm, refreshing seaside atmosphere, perfect for a breezy, modern retreat.
Practical uses and creative applications
The 'Serene Color Palette' is a breath of fresh air, perfect for those seeking tranquility and calmness in their design projects. Featuring soft hues like #C8F0F0 and #C8C8F0, this palette evokes a sense of peace, making it ideal for branding ventures that aim to convey trust and reliability.
Whether you're crafting a serene website for a wellness brand or designing packaging for organic products, these colors are sure to enhance the emotional connection with your audience. This palette is particularly suited for designers and creatives focused on holistic or lifestyle brands.
The soothing tones of #A0C8F0 and the vibrant #0078C8 can seamlessly blend into interior designs, creating relaxing spaces in homes or offices. Use the gentle contrast of #F0F0F0 as a backdrop to let the other colors pop, ensuring your designs feel both modern and inviting.
Overall, the 'Serene Color Palette' is an excellent choice for anyone looking to create an atmosphere of tranquility and sophistication 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.946 0.030 196.65) | #d7f4f4 | hsl(180, 57%, 90%) |
|
|
| 100 | oklch(0.942 0.032 196.62) | #d4f3f3 | hsl(180, 56%, 89%) |
|
|
| 200 | oklch(0.938 0.034 196.58) | #d1f2f2 | hsl(180, 56%, 88%) |
|
|
| 300 | oklch(0.936 0.037 196.53) | #cef2f2 | hsl(180, 58%, 88%) |
|
|
| 400 | oklch(0.931 0.039 196.50) | #cbf1f1 | hsl(180, 58%, 87%) |
|
|
| 500 | oklch(0.927 0.041 196.46) | #c8f0f0 | hsl(180, 57%, 86%) |
|
|
| 600 | oklch(0.850 0.082 195.72) | #8bdfdf | hsl(180, 57%, 71%) |
|
|
| 700 | oklch(0.785 0.112 195.12) | #4ecfcf | hsl(180, 57%, 56%) |
|
|
| 800 | oklch(0.650 0.100 194.97) | #2ca2a2 | hsl(180, 57%, 40%) |
|
|
| 900 | oklch(0.464 0.069 195.03) | #1c6565 | hsl(180, 57%, 25%) |
|
|
| 950 | oklch(0.255 0.034 195.22) | #0b2828 | hsl(180, 57%, 10%) |
|
dsfds
| 50 | oklch(0.888 0.040 285.57) | #d7d7f4 | hsl(240, 57%, 90%) |
|
|
| 100 | oklch(0.880 0.042 285.49) | #d4d4f3 | hsl(240, 56%, 89%) |
|
|
| 200 | oklch(0.871 0.045 285.42) | #d1d1f2 | hsl(240, 56%, 88%) |
|
|
| 300 | oklch(0.863 0.050 285.31) | #cecef2 | hsl(240, 58%, 88%) |
|
|
| 400 | oklch(0.854 0.053 285.23) | #cbcbf1 | hsl(240, 58%, 87%) |
|
|
| 500 | oklch(0.846 0.055 285.15) | #c8c8f0 | hsl(240, 57%, 86%) |
|
|
| 600 | oklch(0.672 0.123 282.58) | #8b8bdf | hsl(240, 57%, 71%) |
|
|
| 700 | oklch(0.503 0.194 276.86) | #4e4ecf | hsl(240, 57%, 56%) |
|
|
| 800 | oklch(0.384 0.183 273.60) | #2c2ca2 | hsl(240, 57%, 40%) |
|
|
| 900 | oklch(0.283 0.124 275.01) | #1c1c65 | hsl(240, 57%, 25%) |
|
|
| 950 | oklch(0.171 0.058 278.36) | #0b0b28 | hsl(240, 57%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.032 246.71) | #d3e6f8 | hsl(209, 73%, 90%) |
|
|
| 100 | oklch(0.897 0.039 247.06) | #c9e0f6 | hsl(209, 71%, 88%) |
|
|
| 200 | oklch(0.877 0.047 248.37) | #bfdaf5 | hsl(210, 73%, 85%) |
|
|
| 300 | oklch(0.857 0.055 247.63) | #b4d4f3 | hsl(210, 72%, 83%) |
|
|
| 400 | oklch(0.838 0.064 248.59) | #aacef2 | hsl(210, 73%, 81%) |
|
|
| 500 | oklch(0.818 0.071 248.71) | #a0c8f0 | hsl(210, 73%, 78%) |
|
|
| 600 | oklch(0.705 0.117 249.80) | #64a5e6 | hsl(210, 72%, 65%) |
|
|
| 700 | oklch(0.601 0.161 252.52) | #2782dd | hsl(210, 73%, 51%) |
|
|
| 800 | oklch(0.482 0.131 252.82) | #1a5fa5 | hsl(210, 73%, 37%) |
|
|
| 900 | oklch(0.352 0.090 252.06) | #103c68 | hsl(210, 73%, 24%) |
|
|
| 950 | oklch(0.213 0.044 249.21) | #071a2c | hsl(209, 73%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.043 236.24) | #ccebff | hsl(204, 100%, 90%) |
|
|
| 100 | oklch(0.849 0.085 238.06) | #98d6ff | hsl(204, 100%, 80%) |
|
|
| 200 | oklch(0.779 0.125 240.23) | #64c1ff | hsl(204, 100%, 70%) |
|
|
| 300 | oklch(0.717 0.159 243.92) | #31acff | hsl(204, 100%, 60%) |
|
|
| 400 | oklch(0.663 0.182 248.86) | #0097fc | hsl(204, 100%, 49%) |
|
|
| 500 | oklch(0.560 0.152 248.29) | #0078c8 | hsl(204, 100%, 39%) |
|
|
| 600 | oklch(0.498 0.134 247.87) | #0066aa | hsl(204, 100%, 33%) |
|
|
| 700 | oklch(0.434 0.115 247.28) | #00548c | hsl(204, 100%, 27%) |
|
|
| 800 | oklch(0.369 0.097 246.91) | #00426f | hsl(204, 100%, 22%) |
|
|
| 900 | oklch(0.299 0.076 245.59) | #003051 | hsl(204, 100%, 16%) |
|
|
| 950 | oklch(0.229 0.053 241.03) | #001f33 | hsl(204, 100%, 10%) |
|
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%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
