Vibrant Coastal Color Palette
This palette radiates a vibrant coastal energy with deep teal, refreshing aqua, and earthy green, punctuated by sunny yellow accents that evoke a lively, tropical oasis atmosphere.
Practical uses and creative applications
The Vibrant Coastal Color Palette is a stunning collection that captures the essence of sun-soaked shores and invigorating ocean breezes. Featuring rich hues like deep teal (#046d8b) and refreshing turquoise (#2fb8ac), this palette is perfect for branding projects that aim to evoke a sense of adventure and tranquility.
Whether you’re designing a logo for a beachside café or creating packaging for eco-friendly products, these colors will resonate with audiences seeking a fresh and lively aesthetic. Ideal for designers and creatives in the hospitality, wellness, and lifestyle sectors, the Vibrant Coastal Color Palette can elevate web design by providing a sense of warmth and approachability.
Use it to create visually engaging websites that draw in visitors or to design vibrant interiors that promote relaxation and inspiration. This palette not only works beautifully in digital formats but also enhances physical spaces, making it a versatile choice for interior decorators looking to infuse a coastal vibe into homes or commercial spaces.
Embrace the energy of the sea with this captivating color combination and watch your projects come to life!.
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.941 0.042 217.16) | #cdf3fe | hsl(193, 96%, 90%) |
|
|
| 100 | oklch(0.874 0.088 217.96) | #90e4fc | hsl(193, 95%, 78%) |
|
|
| 200 | oklch(0.816 0.123 220.26) | #53d5fa | hsl(193, 94%, 65%) |
|
|
| 300 | oklch(0.770 0.143 224.92) | #15c6f8 | hsl(193, 94%, 53%) |
|
|
| 400 | oklch(0.649 0.123 226.23) | #069dc8 | hsl(193, 94%, 40%) |
|
|
| 500 | oklch(0.498 0.094 225.56) | #046d8b | hsl(193, 94%, 28%) |
|
|
| 600 | oklch(0.452 0.085 225.01) | #035f79 | hsl(193, 95%, 24%) |
|
|
| 700 | oklch(0.405 0.075 224.39) | #035167 | hsl(193, 94%, 21%) |
|
|
| 800 | oklch(0.356 0.065 223.39) | #024355 | hsl(193, 95%, 17%) |
|
|
| 900 | oklch(0.305 0.055 222.15) | #023543 | hsl(193, 94%, 14%) |
|
|
| 950 | oklch(0.253 0.046 221.92) | #012732 | hsl(193, 96%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.026 196.72) | #d9f2f2 | hsl(180, 49%, 90%) |
|
|
| 100 | oklch(0.886 0.053 196.23) | #b1e5e5 | hsl(180, 50%, 80%) |
|
|
| 200 | oklch(0.831 0.078 195.76) | #89d8d8 | hsl(180, 50%, 69%) |
|
|
| 300 | oklch(0.780 0.098 195.33) | #61cbcb | hsl(180, 50%, 59%) |
|
|
| 400 | oklch(0.722 0.107 195.04) | #3dbaba | hsl(180, 51%, 48%) |
|
|
| 500 | oklch(0.605 0.089 195.07) | #309292 | hsl(180, 51%, 38%) |
|
|
| 600 | oklch(0.538 0.078 195.09) | #297c7c | hsl(180, 50%, 32%) |
|
|
| 700 | oklch(0.472 0.067 195.11) | #226767 | hsl(180, 50%, 27%) |
|
|
| 800 | oklch(0.400 0.056 195.15) | #1b5151 | hsl(180, 50%, 21%) |
|
|
| 900 | oklch(0.328 0.044 195.21) | #143c3c | hsl(180, 50%, 16%) |
|
|
| 950 | oklch(0.249 0.031 195.35) | #0d2626 | hsl(180, 49%, 10%) |
|
dsfds
| 50 | oklch(0.947 0.032 189.52) | #d6f5f2 | hsl(174, 61%, 90%) |
|
|
| 100 | oklch(0.900 0.058 189.46) | #b2ebe6 | hsl(175, 59%, 81%) |
|
|
| 200 | oklch(0.857 0.083 189.00) | #8ee2db | hsl(175, 59%, 72%) |
|
|
| 300 | oklch(0.817 0.104 187.58) | #69d9cf | hsl(175, 60%, 63%) |
|
|
| 400 | oklch(0.781 0.119 186.10) | #45d0c3 | hsl(174, 60%, 54%) |
|
|
| 500 | oklch(0.709 0.114 186.12) | #2fb8ac | hsl(175, 59%, 45%) |
|
|
| 600 | oklch(0.625 0.100 186.27) | #289b91 | hsl(175, 59%, 38%) |
|
|
| 700 | oklch(0.541 0.086 185.58) | #207f76 | hsl(174, 60%, 31%) |
|
|
| 800 | oklch(0.451 0.070 186.96) | #19625c | hsl(175, 59%, 24%) |
|
|
| 900 | oklch(0.356 0.053 187.60) | #124541 | hsl(175, 59%, 17%) |
|
|
| 950 | oklch(0.257 0.037 186.32) | #0a2926 | hsl(174, 61%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.041 114.61) | #f0f5d6 | hsl(70, 61%, 90%) |
|
|
| 100 | oklch(0.916 0.078 114.13) | #e2eaae | hsl(68, 59%, 80%) |
|
|
| 200 | oklch(0.877 0.115 115.54) | #d3e086 | hsl(69, 59%, 70%) |
|
|
| 300 | oklch(0.839 0.146 116.38) | #c5d65e | hsl(69, 59%, 60%) |
|
|
| 400 | oklch(0.800 0.168 117.43) | #b6cb35 | hsl(68, 59%, 50%) |
|
|
| 500 | oklch(0.683 0.143 117.35) | #93a42a | hsl(68, 59%, 40%) |
|
|
| 600 | oklch(0.606 0.125 117.08) | #7d8b24 | hsl(68, 59%, 34%) |
|
|
| 700 | oklch(0.528 0.109 117.23) | #67731d | hsl(68, 60%, 28%) |
|
|
| 800 | oklch(0.446 0.089 116.80) | #515a17 | hsl(68, 59%, 22%) |
|
|
| 900 | oklch(0.359 0.069 116.07) | #3b4111 | hsl(68, 59%, 16%) |
|
|
| 950 | oklch(0.268 0.049 117.60) | #24290a | hsl(70, 61%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.045 94.84) | #fbf2d0 | hsl(47, 84%, 90%) |
|
|
| 100 | oklch(0.929 0.081 95.37) | #f8e8aa | hsl(48, 85%, 82%) |
|
|
| 200 | oklch(0.898 0.112 94.75) | #f5dd84 | hsl(47, 85%, 74%) |
|
|
| 300 | oklch(0.871 0.138 94.38) | #f2d35f | hsl(47, 85%, 66%) |
|
|
| 400 | oklch(0.843 0.157 92.83) | #efc839 | hsl(47, 85%, 58%) |
|
|
| 500 | oklch(0.819 0.165 90.71) | #ecbe13 | hsl(47, 85%, 50%) |
|
|
| 600 | oklch(0.720 0.144 91.25) | #c6a010 | hsl(47, 85%, 42%) |
|
|
| 700 | oklch(0.615 0.123 91.28) | #a0810d | hsl(47, 85%, 34%) |
|
|
| 800 | oklch(0.509 0.101 91.48) | #7b630a | hsl(47, 85%, 26%) |
|
|
| 900 | oklch(0.394 0.077 91.56) | #554407 | hsl(47, 85%, 18%) |
|
|
| 950 | oklch(0.271 0.051 93.89) | #2f2604 | hsl(47, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
