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.

warm nature summer happy
#03809D
#F9F4D6
#FFD804
#D7B33B
#B09018

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

#F6C234
#F38108
#15487C
#28A254
#0D7547
#69d2e7
#a7dbd8
#e0e4cc
#f38630
#fa6900
#ccb24c
#f7d683
#fffdc0
#fffffd
#457d97
#2197a3
#f71e6c
#f07868
#ebb970
#e7d3b0
#45aab8
#e1d772
#faf4b1
#394240
#f06b50
#ffad08
#edd75a
#73b06f
#0c8f8f
#405059
#f7f3cf
#c2e4cb
#36cecc
#27b1bf
#176585
#c95c7a
#de9153
#d6d644
#dcebaf
#14888b
#006B95
#018A9C
#6DB1A4
#FFE9B7
#FEAA61
#FE6A1A
#FF3401
© 2025 KColor. All rights reserved. 1.15.0