Breezy Coastal Color Palette
This palette radiates a breezy, coastal charm with soft creams and sunny yellows harmonizing with refreshing aquas and vibrant teals, evoking a sense of serene summer days by the shore.
Practical uses and creative applications
The Breezy Coastal Color Palette is a refreshing blend of soft, sun-kissed hues that evoke the tranquility of a seaside escape. Featuring gentle shades like #FBF5E7 and #F9E2AF, this palette is perfect for creating a serene atmosphere in branding, web design, and interior decor.
The calming blues of #49CCDC, #1EB2CA, and #009FBD add depth and vibrancy, making it an ideal choice for businesses looking to convey a sense of relaxation and rejuvenation, such as spas, wellness brands, or coastal resorts. Ideal for designers and creatives, the Breezy Coastal Color Palette is versatile enough to suit various stylesfrom minimalist coastal interiors to vibrant, modern branding.
Whether you're crafting packaging for a beach-inspired product or designing a website for a travel agency, these colors can help you establish a cohesive and inviting aesthetic. This palette not only appeals to those in the creative industry but also resonates with audiences seeking a refreshing escape in their everyday lives.
Embrace the breezy vibes of this palette to create designs that transport viewers to sunlit shores.
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.948 0.036 87.79) | #f8edd3 | hsl(42, 73%, 90%) |
|
|
| 100 | oklch(0.951 0.032 87.29) | #f8eed7 | hsl(42, 70%, 91%) |
|
|
| 200 | oklch(0.957 0.029 87.54) | #f9f0db | hsl(42, 71%, 92%) |
|
|
| 300 | oklch(0.962 0.026 87.85) | #faf2df | hsl(42, 73%, 93%) |
|
|
| 400 | oklch(0.965 0.022 87.15) | #faf3e3 | hsl(42, 70%, 94%) |
|
|
| 500 | oklch(0.971 0.020 87.51) | #fbf5e7 | hsl(42, 71%, 95%) |
|
|
| 600 | oklch(0.883 0.078 86.99) | #efd69d | hsl(42, 72%, 78%) |
|
|
| 700 | oklch(0.799 0.127 85.78) | #e2b753 | hsl(42, 71%, 61%) |
|
|
| 800 | oklch(0.681 0.131 83.39) | #bf9020 | hsl(42, 71%, 44%) |
|
|
| 900 | oklch(0.479 0.090 82.93) | #765814 | hsl(42, 71%, 27%) |
|
|
| 950 | oklch(0.255 0.043 85.80) | #2c2107 | hsl(42, 73%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.042 87.36) | #fbeed0 | hsl(42, 84%, 90%) |
|
|
| 100 | oklch(0.944 0.048 85.79) | #fbebc9 | hsl(41, 86%, 89%) |
|
|
| 200 | oklch(0.938 0.053 86.76) | #fae9c3 | hsl(41, 85%, 87%) |
|
|
| 300 | oklch(0.933 0.060 86.98) | #fae7bc | hsl(42, 86%, 86%) |
|
|
| 400 | oklch(0.925 0.064 86.33) | #f9e4b6 | hsl(41, 85%, 85%) |
|
|
| 500 | oklch(0.919 0.070 86.53) | #f9e2af | hsl(41, 86%, 83%) |
|
|
| 600 | oklch(0.855 0.124 85.28) | #f4c96a | hsl(41, 86%, 69%) |
|
|
| 700 | oklch(0.796 0.156 81.05) | #efb024 | hsl(41, 86%, 54%) |
|
|
| 800 | oklch(0.652 0.132 79.66) | #ba850e | hsl(42, 86%, 39%) |
|
|
| 900 | oklch(0.467 0.093 79.93) | #755309 | hsl(41, 86%, 25%) |
|
|
| 950 | oklch(0.261 0.048 84.77) | #2f2204 | hsl(42, 84%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.033 206.06) | #d4f3f7 | hsl(187, 69%, 90%) |
|
|
| 100 | oklch(0.907 0.053 205.18) | #b8ebf1 | hsl(186, 67%, 83%) |
|
|
| 200 | oklch(0.873 0.071 206.05) | #9de3ec | hsl(187, 68%, 77%) |
|
|
| 300 | oklch(0.842 0.088 205.62) | #81dce7 | hsl(186, 68%, 71%) |
|
|
| 400 | oklch(0.810 0.103 205.64) | #65d4e1 | hsl(186, 67%, 64%) |
|
|
| 500 | oklch(0.781 0.114 206.68) | #49ccdc | hsl(187, 68%, 57%) |
|
|
| 600 | oklch(0.727 0.118 207.74) | #27bbcd | hsl(187, 68%, 48%) |
|
|
| 700 | oklch(0.619 0.099 208.14) | #2096a5 | hsl(187, 68%, 39%) |
|
|
| 800 | oklch(0.504 0.080 207.60) | #18717c | hsl(187, 68%, 29%) |
|
|
| 900 | oklch(0.383 0.059 206.63) | #104c53 | hsl(186, 68%, 19%) |
|
|
| 950 | oklch(0.252 0.036 207.17) | #08272b | hsl(187, 69%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.034 208.01) | #d3f3f8 | hsl(188, 73%, 90%) |
|
|
| 100 | oklch(0.896 0.064 208.47) | #abe9f3 | hsl(188, 75%, 81%) |
|
|
| 200 | oklch(0.850 0.089 209.27) | #84deed | hsl(189, 74%, 72%) |
|
|
| 300 | oklch(0.807 0.109 210.25) | #5cd3e7 | hsl(189, 74%, 63%) |
|
|
| 400 | oklch(0.771 0.123 211.19) | #34c9e1 | hsl(188, 74%, 54%) |
|
|
| 500 | oklch(0.703 0.118 212.30) | #1eb2ca | hsl(188, 74%, 45%) |
|
|
| 600 | oklch(0.620 0.103 211.96) | #1996aa | hsl(188, 74%, 38%) |
|
|
| 700 | oklch(0.534 0.088 212.52) | #157a8b | hsl(189, 74%, 31%) |
|
|
| 800 | oklch(0.447 0.073 210.67) | #105f6b | hsl(188, 74%, 24%) |
|
|
| 900 | oklch(0.353 0.056 211.14) | #0b434c | hsl(188, 75%, 17%) |
|
|
| 950 | oklch(0.252 0.037 209.74) | #07272c | hsl(188, 73%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.045 210.15) | #ccf7ff | hsl(189, 100%, 90%) |
|
|
| 100 | oklch(0.899 0.088 211.19) | #96eeff | hsl(190, 100%, 79%) |
|
|
| 200 | oklch(0.861 0.121 212.00) | #60e6ff | hsl(189, 100%, 69%) |
|
|
| 300 | oklch(0.828 0.140 214.92) | #2addff | hsl(190, 100%, 58%) |
|
|
| 400 | oklch(0.780 0.140 218.20) | #00ccf3 | hsl(190, 100%, 48%) |
|
|
| 500 | oklch(0.648 0.116 217.56) | #009fbd | hsl(190, 100%, 37%) |
|
|
| 600 | oklch(0.578 0.103 216.76) | #0088a1 | hsl(189, 100%, 32%) |
|
|
| 700 | oklch(0.506 0.090 216.60) | #007186 | hsl(189, 100%, 26%) |
|
|
| 800 | oklch(0.428 0.076 216.57) | #00596a | hsl(190, 100%, 21%) |
|
|
| 900 | oklch(0.349 0.062 216.26) | #00424f | hsl(190, 100%, 15%) |
|
|
| 950 | oklch(0.266 0.047 213.54) | #002b33 | hsl(189, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
