Serene Coastal Color Palette
This palette exudes a serene sophistication, blending soft taupes and deep navy with a refreshing splash of teal, evoking a tranquil coastal retreat.
Practical uses and creative applications
The Serene Coastal Color Palette brings the tranquility of ocean breezes and sandy shores into your design projects. Featuring soft neutrals like #DBD7D1 and #A89F97, complemented by deeper tones such as #686A74 and #152A41, alongside a vibrant splash of #2EBFC6, this palette is perfect for creating a calming and inviting atmosphere.
Ideal for web design and branding, it resonates particularly well with businesses in the wellness, hospitality, and coastal tourism sectors, evoking feelings of relaxation and rejuvenation. This palette is especially suited for interior designers looking to craft serene living spaces or for packaging designers aiming to convey a sense of calm and elegance.
The harmonious blend of colors can enhance product visibility while still maintaining a soothing aesthetic. Whether you're a graphic designer, a creative agency, or a DIY enthusiast, the Serene Coastal Color Palette offers versatility across various applicationsfrom stylish websites to beautifully packaged goods, ensuring your designs capture attention while promoting a peaceful vibe.
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.
| 50 | oklch(0.926 0.006 75.40) | #e9e6e2 | hsl(34, 14%, 90%) |
|
|
| 100 | oklch(0.917 0.006 75.40) | #e6e3df | hsl(34, 12%, 89%) |
|
|
| 200 | oklch(0.908 0.008 80.72) | #e3e0db | hsl(38, 13%, 87%) |
|
|
| 300 | oklch(0.898 0.008 80.72) | #e0ddd8 | hsl(38, 11%, 86%) |
|
|
| 400 | oklch(0.890 0.009 78.28) | #dedad4 | hsl(36, 13%, 85%) |
|
|
| 500 | oklch(0.881 0.009 78.28) | #dbd7d1 | hsl(36, 12%, 84%) |
|
|
| 600 | oklch(0.767 0.018 76.08) | #bab2a7 | hsl(35, 12%, 69%) |
|
|
| 700 | oklch(0.649 0.028 76.67) | #998d7c | hsl(35, 12%, 54%) |
|
|
| 800 | oklch(0.519 0.025 76.33) | #716759 | hsl(35, 12%, 40%) |
|
|
| 900 | oklch(0.378 0.018 80.57) | #474137 | hsl(38, 13%, 25%) |
|
|
| 950 | oklch(0.220 0.009 75.15) | #1d1a16 | hsl(34, 14%, 10%) |
|
| 50 | oklch(0.924 0.004 56.37) | #e8e5e3 | hsl(24, 10%, 90%) |
|
|
| 100 | oklch(0.881 0.006 59.64) | #dbd7d4 | hsl(26, 9%, 85%) |
|
|
| 200 | oklch(0.839 0.008 61.43) | #cec9c5 | hsl(27, 8%, 79%) |
|
|
| 300 | oklch(0.796 0.012 63.32) | #c2bbb5 | hsl(28, 10%, 74%) |
|
|
| 400 | oklch(0.752 0.014 63.86) | #b5ada6 | hsl(28, 9%, 68%) |
|
|
| 500 | oklch(0.708 0.016 64.25) | #a89f97 | hsl(28, 9%, 63%) |
|
|
| 600 | oklch(0.621 0.021 62.26) | #90847a | hsl(27, 9%, 52%) |
|
|
| 700 | oklch(0.527 0.019 64.42) | #736960 | hsl(28, 9%, 41%) |
|
|
| 800 | oklch(0.432 0.015 67.42) | #564f48 | hsl(30, 9%, 31%) |
|
|
| 900 | oklch(0.329 0.010 61.15) | #393430 | hsl(27, 9%, 21%) |
|
|
| 950 | oklch(0.216 0.006 56.04) | #1c1917 | hsl(24, 10%, 10%) |
|
| 50 | oklch(0.922 0.003 264.54) | #e4e5e7 | hsl(220, 6%, 90%) |
|
|
| 100 | oklch(0.846 0.006 274.95) | #cbccd0 | hsl(228, 5%, 81%) |
|
|
| 200 | oklch(0.768 0.010 279.64) | #b2b3ba | hsl(233, 5%, 71%) |
|
|
| 300 | oklch(0.687 0.013 276.01) | #989aa3 | hsl(229, 6%, 62%) |
|
|
| 400 | oklch(0.606 0.018 278.30) | #7f818d | hsl(231, 6%, 53%) |
|
|
| 500 | oklch(0.526 0.016 276.83) | #686a74 | hsl(230, 5%, 43%) |
|
|
| 600 | oklch(0.469 0.013 274.68) | #585a62 | hsl(228, 5%, 36%) |
|
|
| 700 | oklch(0.407 0.012 279.38) | #484950 | hsl(233, 5%, 30%) |
|
|
| 800 | oklch(0.346 0.010 278.30) | #38393f | hsl(231, 6%, 23%) |
|
|
| 900 | oklch(0.282 0.007 274.70) | #28292d | hsl(228, 6%, 17%) |
|
|
| 950 | oklch(0.213 0.004 264.48) | #18191b | hsl(220, 6%, 10%) |
|
| 50 | oklch(0.916 0.024 250.08) | #d8e5f3 | hsl(211, 53%, 90%) |
|
|
| 100 | oklch(0.793 0.058 250.17) | #a0bfe0 | hsl(211, 51%, 75%) |
|
|
| 200 | oklch(0.670 0.095 251.24) | #6899ce | hsl(211, 51%, 61%) |
|
|
| 300 | oklch(0.547 0.116 252.37) | #3973b2 | hsl(211, 51%, 46%) |
|
|
| 400 | oklch(0.417 0.085 252.50) | #274e79 | hsl(211, 51%, 31%) |
|
|
| 500 | oklch(0.280 0.051 252.02) | #152a41 | hsl(211, 51%, 17%) |
|
|
| 600 | oklch(0.267 0.047 251.06) | #13273c | hsl(211, 52%, 15%) |
|
|
| 700 | oklch(0.252 0.043 252.30) | #122336 | hsl(212, 50%, 14%) |
|
|
| 800 | oklch(0.239 0.039 251.14) | #102031 | hsl(211, 51%, 13%) |
|
|
| 900 | oklch(0.223 0.037 252.74) | #0e1c2c | hsl(212, 52%, 11%) |
|
|
| 950 | oklch(0.209 0.034 251.36) | #0c1927 | hsl(211, 53%, 10%) |
|
| 50 | oklch(0.946 0.031 199.09) | #d6f4f5 | hsl(182, 61%, 90%) |
|
|
| 100 | oklch(0.902 0.057 198.93) | #b3ebed | hsl(182, 62%, 82%) |
|
|
| 200 | oklch(0.859 0.079 199.78) | #90e1e5 | hsl(183, 62%, 73%) |
|
|
| 300 | oklch(0.821 0.099 199.47) | #6dd8dd | hsl(183, 62%, 65%) |
|
|
| 400 | oklch(0.786 0.114 199.40) | #4acfd5 | hsl(183, 62%, 56%) |
|
|
| 500 | oklch(0.736 0.116 199.95) | #2ebfc6 | hsl(183, 62%, 48%) |
|
|
| 600 | oklch(0.648 0.101 200.01) | #27a1a7 | hsl(183, 62%, 40%) |
|
|
| 700 | oklch(0.558 0.087 199.05) | #1f8387 | hsl(182, 63%, 33%) |
|
|
| 800 | oklch(0.461 0.071 200.27) | #186468 | hsl(183, 63%, 25%) |
|
|
| 900 | oklch(0.362 0.054 200.57) | #114649 | hsl(183, 62%, 18%) |
|
|
| 950 | oklch(0.255 0.035 198.26) | #0a2829 | hsl(182, 61%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
