Dreamy Aqua Color Palette
This refreshing palette of soft whites and tranquil aqua tones, accented by playful pastels of lavender and pink, exudes a serene, dreamy vibe perfect for a whimsical, modern retreat.
Practical uses and creative applications
The Dreamy Aqua Color Palette is a captivating blend of soft aquas and gentle pinks, perfect for evoking a sense of tranquility and whimsy. With its main colorscrisp white (#FFFFFF), serene light aqua (#C6ECEB), vibrant teal (#8DD8D7), delicate lavender pink (#ECADF0), and playful magenta (#E591EB)this palette is ideal for branding that seeks to convey modern elegance with a touch of playfulness.
Whether you're a graphic designer working on a fresh logo or a creative agency developing a cohesive visual identity, the Dreamy Aqua palette offers a refreshing aesthetic that stands out in today’s competitive market. In web design, this color palette can be used to create soothing user interfaces that enhance the user experience, making it particularly appealing for wellness brands, beauty products, or lifestyle blogs.
The soft tones exude a calmness that can help visitors feel relaxed and engaged, encouraging longer site visits. Additionally, the Dreamy Aqua Color Palette is perfect for packaging design, especially for products aimed at a younger audience.
It can add a playful sophistication to everything from skincare lines to artisanal food products, making them instantly eye-catching on the shelf. Interior designers can also take advantage of this versatile palette to create serene spaces that inspire creativity and relaxation.
Think of a calming bedroom retreat or a cheerful studio filled with light and color. The Dreamy Aqua palette is particularly suited for spaces geared toward relaxation or creativity, making it a favorite among designers looking to instill a sense of peace and joy in their projects.
Overall, whether you're a designer, a brand strategist, or a creative enthusiast, this color palette offers endless possibilities for bringing your visions to life.
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.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
50 | oklch(0.943 0.026 196.72) | #d9f2f2 | hsl(180, 49%, 90%) |
|
|
100 | oklch(0.938 0.029 194.04) | #d5f1f0 | hsl(178, 50%, 89%) |
|
|
200 | oklch(0.933 0.032 194.23) | #d1f0ef | hsl(178, 51%, 88%) |
|
|
300 | oklch(0.928 0.034 194.33) | #ceefee | hsl(178, 51%, 87%) |
|
|
400 | oklch(0.921 0.036 194.41) | #caedec | hsl(178, 49%, 86%) |
|
|
500 | oklch(0.916 0.039 194.52) | #c6eceb | hsl(178, 50%, 85%) |
|
|
600 | oklch(0.835 0.075 193.69) | #8dd9d7 | hsl(178, 50%, 70%) |
|
|
700 | oklch(0.761 0.103 192.82) | #53c6c3 | hsl(178, 50%, 55%) |
|
|
800 | oklch(0.625 0.092 192.25) | #339996 | hsl(178, 50%, 40%) |
|
|
900 | oklch(0.448 0.064 192.19) | #20605e | hsl(178, 50%, 25%) |
|
|
950 | oklch(0.249 0.031 195.35) | #0d2626 | hsl(180, 49%, 10%) |
|
dsfds
50 | oklch(0.943 0.026 196.72) | #d9f2f2 | hsl(180, 49%, 90%) |
|
|
100 | oklch(0.921 0.036 194.41) | #caedec | hsl(178, 49%, 86%) |
|
|
200 | oklch(0.899 0.046 194.68) | #bbe8e7 | hsl(179, 49%, 82%) |
|
|
300 | oklch(0.875 0.056 196.17) | #abe2e2 | hsl(180, 49%, 78%) |
|
|
400 | oklch(0.854 0.066 194.78) | #9cdddc | hsl(179, 49%, 74%) |
|
|
500 | oklch(0.833 0.074 194.74) | #8dd8d7 | hsl(179, 49%, 70%) |
|
|
600 | oklch(0.771 0.097 194.49) | #5fc8c7 | hsl(179, 49%, 58%) |
|
|
700 | oklch(0.690 0.101 193.41) | #3cafad | hsl(179, 49%, 46%) |
|
|
800 | oklch(0.553 0.080 193.98) | #2c8180 | hsl(179, 49%, 34%) |
|
|
900 | oklch(0.410 0.057 193.48) | #1d5453 | hsl(179, 49%, 22%) |
|
|
950 | oklch(0.249 0.031 195.35) | #0d2626 | hsl(180, 49%, 10%) |
|
dsfds
50 | oklch(0.908 0.059 324.27) | #f5d4f7 | hsl(297, 69%, 90%) |
|
|
100 | oklch(0.891 0.070 323.88) | #f3ccf6 | hsl(296, 70%, 88%) |
|
|
200 | oklch(0.874 0.081 324.24) | #f1c4f4 | hsl(296, 69%, 86%) |
|
|
300 | oklch(0.861 0.092 324.53) | #f0bdf3 | hsl(297, 69%, 85%) |
|
|
400 | oklch(0.844 0.102 324.79) | #eeb5f1 | hsl(297, 68%, 83%) |
|
|
500 | oklch(0.828 0.114 324.54) | #ecadf0 | hsl(296, 69%, 81%) |
|
|
600 | oklch(0.714 0.197 325.10) | #de70e5 | hsl(296, 69%, 67%) |
|
|
700 | oklch(0.627 0.258 325.39) | #d033da | hsl(296, 69%, 53%) |
|
|
800 | oklch(0.506 0.216 325.07) | #9d1ea6 | hsl(296, 69%, 38%) |
|
|
900 | oklch(0.365 0.150 325.44) | #631368 | hsl(296, 69%, 24%) |
|
|
950 | oklch(0.211 0.076 325.46) | #29082b | hsl(297, 69%, 10%) |
|
dsfds
50 | oklch(0.908 0.059 324.27) | #f5d4f7 | hsl(297, 69%, 90%) |
|
|
100 | oklch(0.879 0.079 324.18) | #f2c6f5 | hsl(296, 70%, 87%) |
|
|
200 | oklch(0.851 0.096 324.07) | #eeb9f2 | hsl(296, 69%, 84%) |
|
|
300 | oklch(0.825 0.115 324.07) | #ebacf0 | hsl(296, 69%, 81%) |
|
|
400 | oklch(0.797 0.134 324.56) | #e89eed | hsl(296, 69%, 77%) |
|
|
500 | oklch(0.773 0.153 324.56) | #e591eb | hsl(296, 69%, 75%) |
|
|
600 | oklch(0.676 0.224 325.01) | #d859e1 | hsl(296, 69%, 62%) |
|
|
700 | oklch(0.601 0.259 325.17) | #c726d2 | hsl(296, 69%, 49%) |
|
|
800 | oklch(0.480 0.204 324.85) | #921c9b | hsl(296, 69%, 36%) |
|
|
900 | oklch(0.351 0.144 324.73) | #5d1263 | hsl(296, 69%, 23%) |
|
|
950 | oklch(0.211 0.076 325.46) | #29082b | hsl(297, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.