Warm Coastal Color Palette
This palette radiates a warm, sun-kissed serenity with soft peach and creamy ivory hues, enlivened by refreshing sky blues that evoke a breezy coastal escape.
Practical uses and creative applications
The Warm Coastal Color Palette captures the serene beauty of sun-kissed shores and gentle ocean waves. With its inviting hues of soft peach (#FEA982), sandy beige (#FDE4C8), delicate cream (#FAF2E8), refreshing sky blue (#70C7E2), and tranquil teal (#55AEC9), this palette is perfect for creating a relaxed and uplifting atmosphere.
Ideal for branding projects that aim to evoke feelings of warmth and relaxation, it works beautifully for businesses in the hospitality, wellness, and lifestyle sectors. Designers and creatives can leverage the Warm Coastal Color Palette in various applications, from web design to packaging and interior decor.
For web designers, these colors can enhance user experience by providing a calming interface that encourages exploration and engagement. In packaging, this palette can help products stand out on shelves while resonating with consumers looking for a beachy, carefree vibe.
Moreover, interior designers can use these colors to transform spaces into serene havens, perfect for coastal-themed homes or vacation rentals. Overall, the Warm Coastal Color Palette is a versatile choice that brings a sense of tranquility and joy to any creative project.
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.919 0.045 46.05) | #ffdccc | hsl(19, 100%, 90%) |
|
|
| 100 | oklch(0.896 0.057 45.80) | #fed2be | hsl(19, 97%, 87%) |
|
|
| 200 | oklch(0.874 0.071 46.08) | #fec8af | hsl(19, 98%, 84%) |
|
|
| 300 | oklch(0.851 0.085 45.09) | #febda0 | hsl(19, 98%, 81%) |
|
|
| 400 | oklch(0.830 0.099 45.28) | #feb391 | hsl(19, 98%, 78%) |
|
|
| 500 | oklch(0.809 0.114 45.34) | #fea982 | hsl(19, 98%, 75%) |
|
|
| 600 | oklch(0.726 0.174 43.63) | #fd7c40 | hsl(19, 98%, 62%) |
|
|
| 700 | oklch(0.661 0.216 38.01) | #f95002 | hsl(19, 98%, 49%) |
|
|
| 800 | oklch(0.526 0.170 38.53) | #b73a01 | hsl(19, 99%, 36%) |
|
|
| 900 | oklch(0.384 0.120 39.96) | #752501 | hsl(19, 98%, 23%) |
|
|
| 950 | oklch(0.227 0.064 46.18) | #331000 | hsl(19, 100%, 10%) |
|
| 50 | oklch(0.939 0.041 70.85) | #fde7ce | hsl(32, 92%, 90%) |
|
|
| 100 | oklch(0.937 0.042 69.62) | #fde6cd | hsl(31, 92%, 90%) |
|
|
| 200 | oklch(0.937 0.044 71.70) | #fde6cb | hsl(32, 93%, 89%) |
|
|
| 300 | oklch(0.934 0.044 70.53) | #fde5ca | hsl(32, 93%, 89%) |
|
|
| 400 | oklch(0.934 0.045 71.51) | #fde5c9 | hsl(32, 93%, 89%) |
|
|
| 500 | oklch(0.932 0.046 70.38) | #fde4c8 | hsl(32, 93%, 89%) |
|
|
| 600 | oklch(0.842 0.110 68.90) | #fabe7a | hsl(32, 93%, 73%) |
|
|
| 700 | oklch(0.762 0.159 63.13) | #f7982d | hsl(32, 93%, 57%) |
|
|
| 800 | oklch(0.635 0.150 57.89) | #cc6f07 | hsl(32, 93%, 41%) |
|
|
| 900 | oklch(0.452 0.104 59.34) | #7f4505 | hsl(31, 92%, 26%) |
|
|
| 950 | oklch(0.246 0.052 66.34) | #311b02 | hsl(32, 92%, 10%) |
|
| 50 | oklch(0.935 0.029 72.47) | #f6e7d5 | hsl(33, 65%, 90%) |
|
|
| 100 | oklch(0.941 0.026 71.19) | #f7e9d9 | hsl(32, 65%, 91%) |
|
|
| 200 | oklch(0.949 0.024 73.61) | #f8ecdd | hsl(33, 66%, 92%) |
|
|
| 300 | oklch(0.953 0.021 76.53) | #f8eee0 | hsl(35, 63%, 93%) |
|
|
| 400 | oklch(0.959 0.019 75.32) | #f9f0e4 | hsl(34, 64%, 94%) |
|
|
| 500 | oklch(0.965 0.016 73.68) | #faf2e8 | hsl(33, 64%, 95%) |
|
|
| 600 | oklch(0.857 0.066 72.80) | #ebcaa1 | hsl(33, 65%, 78%) |
|
|
| 700 | oklch(0.752 0.112 71.11) | #dba25a | hsl(33, 64%, 61%) |
|
|
| 800 | oklch(0.626 0.122 67.45) | #b87828 | hsl(33, 64%, 44%) |
|
|
| 900 | oklch(0.444 0.082 68.45) | #714a19 | hsl(33, 64%, 27%) |
|
|
| 950 | oklch(0.237 0.038 69.20) | #2a1b09 | hsl(33, 65%, 10%) |
|
| 50 | oklch(0.933 0.028 218.95) | #d5eef6 | hsl(195, 65%, 90%) |
|
|
| 100 | oklch(0.904 0.043 216.71) | #c0e7f2 | hsl(193, 66%, 85%) |
|
|
| 200 | oklch(0.873 0.056 217.74) | #acdfee | hsl(194, 66%, 80%) |
|
|
| 300 | oklch(0.843 0.069 218.56) | #98d7ea | hsl(194, 66%, 76%) |
|
|
| 400 | oklch(0.814 0.081 219.35) | #84cfe6 | hsl(194, 66%, 71%) |
|
|
| 500 | oklch(0.785 0.092 220.21) | #70c7e2 | hsl(194, 66%, 66%) |
|
|
| 600 | oklch(0.720 0.114 222.59) | #40b4d8 | hsl(194, 66%, 55%) |
|
|
| 700 | oklch(0.631 0.109 224.04) | #2697ba | hsl(194, 66%, 44%) |
|
|
| 800 | oklch(0.509 0.086 223.69) | #1c708a | hsl(194, 66%, 33%) |
|
|
| 900 | oklch(0.379 0.062 223.05) | #12495a | hsl(194, 67%, 21%) |
|
|
| 950 | oklch(0.237 0.034 222.16) | #09222a | hsl(195, 65%, 10%) |
|
| 50 | oklch(0.932 0.024 216.74) | #d8edf3 | hsl(193, 53%, 90%) |
|
|
| 100 | oklch(0.885 0.038 217.45) | #bee0ea | hsl(194, 51%, 83%) |
|
|
| 200 | oklch(0.841 0.054 217.56) | #a4d4e2 | hsl(194, 52%, 76%) |
|
|
| 300 | oklch(0.795 0.068 219.30) | #8ac7da | hsl(194, 52%, 70%) |
|
|
| 400 | oklch(0.751 0.082 218.47) | #6fbbd1 | hsl(193, 52%, 63%) |
|
|
| 500 | oklch(0.707 0.093 220.40) | #55aec9 | hsl(194, 52%, 56%) |
|
|
| 600 | oklch(0.639 0.097 220.98) | #3a99b5 | hsl(194, 51%, 47%) |
|
|
| 700 | oklch(0.546 0.082 221.19) | #2e7b92 | hsl(194, 52%, 38%) |
|
|
| 800 | oklch(0.448 0.065 220.49) | #235d6e | hsl(194, 52%, 28%) |
|
|
| 900 | oklch(0.345 0.048 219.21) | #183f4a | hsl(193, 51%, 19%) |
|
|
| 950 | oklch(0.233 0.029 218.83) | #0c2127 | hsl(193, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
