Warm Coastal Color Palette
This palette exudes a warm, inviting vibe with soft sandy beiges, deep oceanic blues, vibrant coral reds, and cheerful sunshine yellows, creating a lively yet soothing atmosphere perfect for a coastal retreat.
Practical uses and creative applications
The Warm Coastal Color Palette is a stunning blend of soft sandy hues, deep oceanic blues, and vibrant sunset tones. Featuring colors like #e8d5b7, #0e2430, #fc3a51, #f5b349, and #e8d5b9, this palette evokes the serene beauty of coastal landscapes while infusing warmth and energy into any project.
It's perfect for branding initiatives aimed at lifestyle brands, wellness products, or coastal retreats, creating an inviting atmosphere that resonates with audiences seeking relaxation and rejuvenation. Ideal for web design and packaging, the Warm Coastal Color Palette can help businesses stand out in a competitive market.
Designers and creatives will appreciate how the palette's earthy neutrals balance with its vibrant accents, making it versatile for everything from modern websites to eco-friendly product packaging. Additionally, this color scheme works beautifully in interior design, offering a comforting yet energizing ambiance in spaces like cafes, boutiques, or homes that aim for a breezy coastal vibe.
Perfect for those who want to transport their audience to sun-kissed shores, this palette is a must-have for any creative looking to make a lasting impression.
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.935 0.024 77.46) | #f3e8d8 | hsl(36, 53%, 90%) |
|
|
| 100 | oklch(0.926 0.028 79.47) | #f1e5d2 | hsl(37, 53%, 88%) |
|
|
| 200 | oklch(0.914 0.033 80.99) | #eee1cb | hsl(38, 51%, 86%) |
|
|
| 300 | oklch(0.903 0.037 80.61) | #ecddc4 | hsl(38, 51%, 85%) |
|
|
| 400 | oklch(0.892 0.041 79.46) | #ead9be | hsl(37, 51%, 83%) |
|
|
| 500 | oklch(0.881 0.045 79.27) | #e8d5b7 | hsl(37, 52%, 81%) |
|
|
| 600 | oklch(0.790 0.079 79.05) | #d6b580 | hsl(37, 51%, 67%) |
|
|
| 700 | oklch(0.701 0.110 76.74) | #c59549 | hsl(37, 52%, 53%) |
|
|
| 800 | oklch(0.565 0.093 76.36) | #956e30 | hsl(37, 51%, 39%) |
|
|
| 900 | oklch(0.409 0.065 76.28) | #5e451e | hsl(37, 52%, 24%) |
|
|
| 950 | oklch(0.236 0.032 75.48) | #271c0c | hsl(36, 53%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.023 229.09) | #d8eaf3 | hsl(200, 53%, 90%) |
|
|
| 100 | oklch(0.809 0.061 233.26) | #9ac8e2 | hsl(202, 55%, 75%) |
|
|
| 200 | oklch(0.697 0.095 234.67) | #5da7d0 | hsl(201, 55%, 59%) |
|
|
| 300 | oklch(0.571 0.100 236.58) | #3280ab | hsl(201, 55%, 43%) |
|
|
| 400 | oklch(0.417 0.070 235.56) | #20526d | hsl(201, 55%, 28%) |
|
|
| 500 | oklch(0.248 0.036 234.65) | #0e2430 | hsl(201, 55%, 12%) |
|
|
| 600 | oklch(0.244 0.034 233.40) | #0e232e | hsl(201, 53%, 12%) |
|
|
| 700 | oklch(0.237 0.035 237.05) | #0d212d | hsl(203, 55%, 11%) |
|
|
| 800 | oklch(0.233 0.033 235.92) | #0d202b | hsl(202, 54%, 11%) |
|
|
| 900 | oklch(0.228 0.032 233.45) | #0c1f29 | hsl(201, 55%, 10%) |
|
|
| 950 | oklch(0.224 0.030 231.90) | #0c1e27 | hsl(200, 53%, 10%) |
|
dsfds
| 50 | oklch(0.892 0.056 10.00) | #fecdd3 | hsl(353, 96%, 90%) |
|
|
| 100 | oklch(0.832 0.093 10.95) | #feafb9 | hsl(352, 98%, 84%) |
|
|
| 200 | oklch(0.776 0.129 12.75) | #fd929f | hsl(353, 96%, 78%) |
|
|
| 300 | oklch(0.727 0.166 14.91) | #fd7585 | hsl(353, 97%, 73%) |
|
|
| 400 | oklch(0.684 0.200 17.21) | #fc576b | hsl(353, 96%, 66%) |
|
|
| 500 | oklch(0.652 0.227 20.42) | #fc3a51 | hsl(353, 97%, 61%) |
|
|
| 600 | oklch(0.623 0.252 26.25) | #fb0724 | hsl(353, 97%, 51%) |
|
|
| 700 | oklch(0.531 0.215 26.17) | #cb031b | hsl(353, 97%, 40%) |
|
|
| 800 | oklch(0.429 0.173 25.56) | #980214 | hsl(353, 97%, 30%) |
|
|
| 900 | oklch(0.321 0.128 24.42) | #65020d | hsl(353, 96%, 20%) |
|
|
| 950 | oklch(0.203 0.079 19.57) | #320107 | hsl(353, 96%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.041 80.33) | #fcebcf | hsl(37, 88%, 90%) |
|
|
| 100 | oklch(0.918 0.064 79.85) | #fbe0b4 | hsl(37, 90%, 85%) |
|
|
| 200 | oklch(0.888 0.086 78.93) | #f9d499 | hsl(37, 89%, 79%) |
|
|
| 300 | oklch(0.861 0.107 78.28) | #f8c97e | hsl(37, 90%, 73%) |
|
|
| 400 | oklch(0.835 0.125 77.47) | #f6be64 | hsl(37, 89%, 68%) |
|
|
| 500 | oklch(0.810 0.142 75.84) | #f5b349 | hsl(37, 90%, 62%) |
|
|
| 600 | oklch(0.765 0.161 70.60) | #f29e16 | hsl(37, 89%, 52%) |
|
|
| 700 | oklch(0.660 0.141 69.77) | #c8800b | hsl(37, 90%, 41%) |
|
|
| 800 | oklch(0.534 0.113 69.68) | #965f08 | hsl(37, 90%, 31%) |
|
|
| 900 | oklch(0.400 0.083 71.65) | #633f05 | hsl(37, 90%, 20%) |
|
|
| 950 | oklch(0.255 0.049 76.47) | #301f03 | hsl(37, 88%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.023 78.22) | #f2e8d9 | hsl(36, 49%, 90%) |
|
|
| 100 | oklch(0.924 0.027 78.19) | #f0e4d2 | hsl(36, 50%, 88%) |
|
|
| 200 | oklch(0.913 0.031 76.96) | #eee0cc | hsl(35, 50%, 87%) |
|
|
| 300 | oklch(0.904 0.035 78.66) | #ecddc6 | hsl(36, 50%, 85%) |
|
|
| 400 | oklch(0.892 0.039 78.56) | #ead9bf | hsl(36, 51%, 83%) |
|
|
| 500 | oklch(0.881 0.043 77.61) | #e8d5b9 | hsl(36, 51%, 82%) |
|
|
| 600 | oklch(0.788 0.077 76.88) | #d6b482 | hsl(36, 51%, 67%) |
|
|
| 700 | oklch(0.696 0.107 74.92) | #c4934b | hsl(36, 51%, 53%) |
|
|
| 800 | oklch(0.561 0.092 73.79) | #956c31 | hsl(35, 51%, 39%) |
|
|
| 900 | oklch(0.406 0.063 75.07) | #5d441f | hsl(36, 50%, 24%) |
|
|
| 950 | oklch(0.234 0.030 76.57) | #261c0d | hsl(36, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
