Uplifting Coastal Color Palette
This palette radiates an uplifting coastal vibe with vibrant teal and sunny golds, evoking a cheerful, sun-drenched day at the beach, accented by warm sandy tones.
Practical uses and creative applications
The Uplifting Coastal Color Palette is a vibrant combination of sea-inspired hues that embodies the refreshing essence of coastal living. Featuring rich turquoise (#03809D), soft sandy beige (#F9F4D6), sunny yellow (#FFD804), warm gold (#D7B33B), and earthy brown (#B09018), this palette is perfect for branding, web design, and interior decor.
Whether you're designing a beach-themed café, creating a fresh lifestyle brand, or revamping a coastal retreat, these colors evoke a sense of relaxation and joy that resonates with ocean lovers and adventurous spirits alike. Ideal for creatives, designers, and marketers, the Uplifting Coastal Color Palette brings a sense of harmony and positivity to any project.
It's particularly well-suited for brands that wish to convey a carefree vibe, such as travel agencies, wellness products, or eco-friendly businesses. In web design, these colors can create an inviting user experience, while in packaging, they can attract attention and evoke feelings of nostalgia for sunny days by the sea.
Embrace the uplifting nature of this palette to inspire your audience and elevate your creative endeavors!.
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.945 0.043 212.85) | #cdf5fe | hsl(191, 96%, 90%) |
|
|
100 | oklch(0.886 0.088 213.97) | #92e9fd | hsl(191, 96%, 78%) |
|
|
200 | oklch(0.837 0.122 216.07) | #58ddfc | hsl(191, 96%, 67%) |
|
|
300 | oklch(0.797 0.141 219.88) | #1dd1fb | hsl(191, 97%, 55%) |
|
|
400 | oklch(0.702 0.129 221.87) | #04b0d8 | hsl(191, 96%, 43%) |
|
|
500 | oklch(0.556 0.101 221.22) | #03809d | hsl(191, 96%, 31%) |
|
|
600 | oklch(0.502 0.091 220.79) | #036f88 | hsl(191, 96%, 27%) |
|
|
700 | oklch(0.443 0.080 220.36) | #025d72 | hsl(191, 97%, 23%) |
|
|
800 | oklch(0.385 0.069 219.61) | #024c5d | hsl(191, 96%, 19%) |
|
|
900 | oklch(0.322 0.058 218.60) | #013a47 | hsl(191, 97%, 14%) |
|
|
950 | oklch(0.259 0.045 216.77) | #012932 | hsl(191, 96%, 10%) |
|
50 | oklch(0.960 0.042 99.83) | #f8f3d3 | hsl(52, 73%, 90%) |
|
|
100 | oklch(0.961 0.042 98.38) | #f9f3d3 | hsl(51, 76%, 90%) |
|
|
200 | oklch(0.961 0.041 98.08) | #f9f3d4 | hsl(50, 76%, 90%) |
|
|
300 | oklch(0.963 0.041 99.58) | #f9f4d5 | hsl(52, 75%, 91%) |
|
|
400 | oklch(0.963 0.041 99.58) | #f9f4d5 | hsl(52, 75%, 91%) |
|
|
500 | oklch(0.963 0.040 99.31) | #f9f4d6 | hsl(51, 74%, 91%) |
|
|
600 | oklch(0.902 0.105 100.48) | #eee18e | hsl(52, 74%, 75%) |
|
|
700 | oklch(0.844 0.151 99.40) | #e4cd46 | hsl(51, 75%, 58%) |
|
|
800 | oklch(0.721 0.143 98.61) | #bca51c | hsl(51, 74%, 42%) |
|
|
900 | oklch(0.509 0.099 99.07) | #746611 | hsl(52, 74%, 26%) |
|
|
950 | oklch(0.271 0.048 100.35) | #2c2707 | hsl(52, 73%, 10%) |
|
50 | oklch(0.972 0.056 98.59) | #fff7cc | hsl(51, 100%, 90%) |
|
|
100 | oklch(0.952 0.097 99.15) | #fff1a4 | hsl(51, 100%, 82%) |
|
|
200 | oklch(0.934 0.133 99.29) | #ffeb7c | hsl(51, 100%, 74%) |
|
|
300 | oklch(0.916 0.160 98.49) | #ffe454 | hsl(51, 100%, 66%) |
|
|
400 | oklch(0.902 0.177 97.54) | #ffde2c | hsl(51, 100%, 59%) |
|
|
500 | oklch(0.889 0.182 95.72) | #ffd804 | hsl(51, 100%, 51%) |
|
|
600 | oklch(0.788 0.162 96.00) | #d9b800 | hsl(51, 100%, 43%) |
|
|
700 | oklch(0.672 0.138 95.49) | #b09400 | hsl(50, 100%, 35%) |
|
|
800 | oklch(0.552 0.114 96.12) | #867100 | hsl(51, 100%, 26%) |
|
|
900 | oklch(0.426 0.088 96.31) | #5d4e00 | hsl(50, 100%, 18%) |
|
|
950 | oklch(0.289 0.060 98.23) | #332b00 | hsl(51, 100%, 10%) |
|
50 | oklch(0.951 0.035 94.55) | #f6efd5 | hsl(47, 65%, 90%) |
|
|
100 | oklch(0.915 0.060 93.84) | #f0e3b6 | hsl(47, 66%, 83%) |
|
|
200 | oklch(0.880 0.085 93.52) | #ead797 | hsl(46, 66%, 75%) |
|
|
300 | oklch(0.845 0.107 93.15) | #e4cb78 | hsl(46, 67%, 68%) |
|
|
400 | oklch(0.811 0.125 92.89) | #ddbf5a | hsl(46, 66%, 61%) |
|
|
500 | oklch(0.778 0.139 91.69) | #d7b33b | hsl(46, 66%, 54%) |
|
|
600 | oklch(0.705 0.133 90.97) | #bf9c27 | hsl(46, 66%, 45%) |
|
|
700 | oklch(0.600 0.112 91.20) | #997d1f | hsl(46, 66%, 36%) |
|
|
800 | oklch(0.493 0.090 91.62) | #745f18 | hsl(46, 66%, 27%) |
|
|
900 | oklch(0.380 0.068 92.54) | #4f4110 | hsl(47, 66%, 19%) |
|
|
950 | oklch(0.258 0.042 94.19) | #2a2309 | hsl(47, 65%, 10%) |
|
50 | oklch(0.956 0.041 95.12) | #f9f1d2 | hsl(48, 76%, 90%) |
|
|
100 | oklch(0.912 0.080 94.39) | #f3e2a5 | hsl(47, 76%, 80%) |
|
|
200 | oklch(0.871 0.117 95.27) | #ecd477 | hsl(48, 75%, 70%) |
|
|
300 | oklch(0.830 0.144 93.96) | #e6c549 | hsl(47, 76%, 59%) |
|
|
400 | oklch(0.787 0.155 91.55) | #deb51e | hsl(47, 76%, 49%) |
|
|
500 | oklch(0.664 0.130 92.09) | #b09018 | hsl(47, 76%, 39%) |
|
|
600 | oklch(0.592 0.115 92.49) | #967b14 | hsl(48, 76%, 33%) |
|
|
700 | oklch(0.515 0.099 92.02) | #7c6511 | hsl(47, 76%, 28%) |
|
|
800 | oklch(0.436 0.083 93.52) | #61500d | hsl(48, 76%, 22%) |
|
|
900 | oklch(0.353 0.065 92.96) | #473a0a | hsl(47, 75%, 16%) |
|
|
950 | oklch(0.266 0.048 94.47) | #2d2506 | hsl(48, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection