Coastal Charm Color Palette
This palette exudes a soft yet vibrant coastal charm, blending warm coral pinks and sandy beiges with refreshing teal and deep navy for a serene yet spirited ambiance.
Practical uses and creative applications
The Coastal Charm Color Palette is a delightful blend of soft pastels and deep ocean-inspired hues, perfect for those looking to infuse a refreshing and serene vibe into their projects. With its warm coral (#fe958f), sandy beige (#f3d7c2), tranquil teal (#8bb6a3), striking turquoise (#17a7a8), and deep navy (#122f51), this palette evokes the calming essence of coastal landscapes.
Ideal for branding and web design, it can help create a welcoming atmosphere that resonates with audiences seeking relaxation and comfort. Designers and creatives in the hospitality, wellness, and lifestyle sectors will find the Coastal Charm Color Palette particularly appealing.
Whether you're developing a beachside resort's branding, designing an inviting website for a spa, or crafting packaging for eco-friendly products, these colors can effectively convey a sense of tranquility and natural beauty. Additionally, this palette is perfect for interior designers aiming to create coastal-inspired spaces that promote relaxation, making it an excellent choice for residential and commercial projects alike.
Elevate your designs with this soothing palette that captures the essence of seaside living.
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.895 0.055 22.40) | #ffcfcc | hsl(4, 100%, 90%) |
|
|
| 100 | oklch(0.871 0.067 23.07) | #fec4c0 | hsl(4, 97%, 87%) |
|
|
| 200 | oklch(0.846 0.082 22.63) | #feb8b4 | hsl(3, 97%, 85%) |
|
|
| 300 | oklch(0.823 0.097 22.48) | #feaca8 | hsl(3, 98%, 83%) |
|
|
| 400 | oklch(0.801 0.112 23.86) | #fea19b | hsl(4, 98%, 80%) |
|
|
| 500 | oklch(0.779 0.127 23.89) | #fe958f | hsl(3, 98%, 78%) |
|
|
| 600 | oklch(0.676 0.207 27.43) | #fd544a | hsl(3, 98%, 64%) |
|
|
| 700 | oklch(0.628 0.252 29.56) | #fd1306 | hsl(3, 98%, 51%) |
|
|
| 800 | oklch(0.503 0.202 29.75) | #bc0c02 | hsl(3, 98%, 37%) |
|
|
| 900 | oklch(0.361 0.143 30.10) | #770701 | hsl(3, 98%, 24%) |
|
|
| 950 | oklch(0.207 0.078 32.03) | #330300 | hsl(4, 100%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.030 59.29) | #f7e3d4 | hsl(26, 69%, 90%) |
|
|
| 100 | oklch(0.922 0.032 59.71) | #f6e1d1 | hsl(26, 67%, 89%) |
|
|
| 200 | oklch(0.915 0.034 58.80) | #f5decd | hsl(26, 67%, 88%) |
|
|
| 300 | oklch(0.909 0.037 60.70) | #f4dcc9 | hsl(27, 66%, 87%) |
|
|
| 400 | oklch(0.903 0.039 57.33) | #f4d9c6 | hsl(25, 68%, 87%) |
|
|
| 500 | oklch(0.897 0.042 59.08) | #f3d7c2 | hsl(26, 67%, 86%) |
|
|
| 600 | oklch(0.790 0.089 58.69) | #e6ad81 | hsl(26, 67%, 70%) |
|
|
| 700 | oklch(0.689 0.134 54.58) | #da8241 | hsl(25, 67%, 55%) |
|
|
| 800 | oklch(0.561 0.124 53.07) | #ac5d22 | hsl(26, 67%, 40%) |
|
|
| 900 | oklch(0.403 0.085 54.09) | #6b3a15 | hsl(26, 67%, 25%) |
|
|
| 950 | oklch(0.228 0.041 55.94) | #2b1708 | hsl(26, 69%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.013 167.16) | #e0ebe6 | hsl(153, 22%, 90%) |
|
|
| 100 | oklch(0.894 0.022 167.42) | #cfe1d9 | hsl(153, 23%, 85%) |
|
|
| 200 | oklch(0.855 0.030 166.37) | #bed6cb | hsl(153, 23%, 79%) |
|
|
| 300 | oklch(0.816 0.037 167.40) | #adcbbe | hsl(154, 22%, 74%) |
|
|
| 400 | oklch(0.779 0.046 165.55) | #9cc1b0 | hsl(152, 23%, 68%) |
|
|
| 500 | oklch(0.740 0.054 166.06) | #8bb6a3 | hsl(153, 23%, 63%) |
|
|
| 600 | oklch(0.664 0.069 165.23) | #6aa189 | hsl(154, 23%, 52%) |
|
|
| 700 | oklch(0.568 0.064 164.24) | #52836d | hsl(153, 23%, 42%) |
|
|
| 800 | oklch(0.463 0.050 165.24) | #3d6252 | hsl(154, 23%, 31%) |
|
|
| 900 | oklch(0.349 0.034 165.56) | #294036 | hsl(154, 22%, 21%) |
|
|
| 950 | oklch(0.227 0.018 165.08) | #141f1a | hsl(153, 22%, 10%) |
|
dsfds
| 50 | oklch(0.955 0.040 196.50) | #d2f9f9 | hsl(180, 76%, 90%) |
|
|
| 100 | oklch(0.910 0.077 195.88) | #a3f2f2 | hsl(180, 75%, 79%) |
|
|
| 200 | oklch(0.872 0.107 196.10) | #74ebec | hsl(181, 76%, 69%) |
|
|
| 300 | oklch(0.840 0.128 195.62) | #45e4e5 | hsl(180, 75%, 58%) |
|
|
| 400 | oklch(0.795 0.132 195.44) | #1dd6d7 | hsl(180, 76%, 48%) |
|
|
| 500 | oklch(0.662 0.109 195.62) | #17a7a8 | hsl(180, 76%, 37%) |
|
|
| 600 | oklch(0.590 0.097 194.84) | #148f8f | hsl(180, 75%, 32%) |
|
|
| 700 | oklch(0.514 0.084 195.93) | #107677 | hsl(181, 76%, 26%) |
|
|
| 800 | oklch(0.438 0.071 194.87) | #0d5e5e | hsl(180, 76%, 21%) |
|
|
| 900 | oklch(0.356 0.056 194.92) | #0a4545 | hsl(180, 75%, 15%) |
|
|
| 950 | oklch(0.271 0.042 194.97) | #062d2d | hsl(180, 76%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.029 252.95) | #d5e4f6 | hsl(213, 65%, 90%) |
|
|
| 100 | oklch(0.790 0.073 253.16) | #9abee9 | hsl(213, 64%, 76%) |
|
|
| 200 | oklch(0.672 0.117 253.05) | #5f99dc | hsl(212, 64%, 62%) |
|
|
| 300 | oklch(0.555 0.148 254.93) | #2c73c7 | hsl(213, 64%, 48%) |
|
|
| 400 | oklch(0.433 0.111 254.68) | #1f518c | hsl(212, 64%, 34%) |
|
|
| 500 | oklch(0.302 0.071 254.16) | #122f51 | hsl(212, 64%, 19%) |
|
|
| 600 | oklch(0.283 0.066 254.42) | #102a49 | hsl(213, 64%, 17%) |
|
|
| 700 | oklch(0.266 0.058 253.96) | #0f2641 | hsl(212, 63%, 16%) |
|
|
| 800 | oklch(0.245 0.053 254.30) | #0d2139 | hsl(213, 63%, 14%) |
|
|
| 900 | oklch(0.228 0.048 253.68) | #0b1d32 | hsl(212, 64%, 12%) |
|
|
| 950 | oklch(0.206 0.042 254.09) | #09182a | hsl(213, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
