Coastal Elegance Color Palette

This palette exudes a serene coastal elegance, blending deep ocean blues with warm sandy hues and soft cream, evoking a tranquil beach retreat where sophistication meets relaxation.

vintage cold nature
#144F79
#0E325B
#B69467
#E1D7BE
#F4F4F4

Practical uses and creative applications

The Coastal Elegance Color Palette effortlessly captures the serene beauty of the seaside, making it an ideal choice for designers seeking to evoke tranquility and sophistication. With deep oceanic blues like #144F79 and #0E325B, paired with soft sandy hues such as #B69467, this palette is perfect for branding and web design that aims to create a calming yet elegant online presence.

Whether for a boutique hotel, a coastal-themed restaurant, or a lifestyle blog, these colors work harmoniously to convey a sense of relaxation and luxury. In interiors, the Coastal Elegance palette brings a refreshing touch, ideal for spaces like beach houses or modern living areas.

The light tones of #E1D7BE and #F4F4F4 provide an airy backdrop, allowing the darker hues to add depth and sophistication. This combination not only appeals to homeowners looking to create a serene environment but also to interior designers who want to craft inviting spaces that reflect a coastal charm.

Perfect for creatives seeking inspiration, this palette speaks to those who appreciate understated elegance infused with a hint of oceanic allure.

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.922 0.031 237.56) #d3e9f8 hsl(204, 73%, 90%)
100 oklch(0.826 0.069 239.52) #9dcdef hsl(205, 72%, 78%)
200 oklch(0.733 0.108 241.11) #66b1e6 hsl(205, 72%, 65%)
300 oklch(0.646 0.141 244.43) #2f95dd hsl(205, 72%, 53%)
400 oklch(0.537 0.123 245.27) #1d73b0 hsl(205, 72%, 40%)
500 oklch(0.413 0.091 244.79) #144f79 hsl(205, 72%, 28%)
600 oklch(0.377 0.083 244.64) #11456a hsl(205, 72%, 24%)
700 oklch(0.339 0.072 243.99) #0f3b5a hsl(205, 71%, 21%)
800 oklch(0.302 0.062 243.66) #0c314b hsl(205, 72%, 17%)
900 oklch(0.262 0.051 242.54) #0a273b hsl(204, 71%, 14%)
950 oklch(0.222 0.041 241.43) #071d2c hsl(204, 73%, 10%)

50 oklch(0.912 0.033 252.47) #d3e4f8 hsl(212, 73%, 90%)
100 oklch(0.792 0.082 252.18) #95bfef hsl(212, 74%, 76%)
200 oklch(0.675 0.131 252.95) #589ae5 hsl(212, 73%, 62%)
300 oklch(0.567 0.168 255.34) #2175d6 hsl(212, 73%, 48%)
400 oklch(0.446 0.127 254.51) #175498 hsl(212, 74%, 34%)
500 oklch(0.316 0.084 254.32) #0e325b hsl(212, 73%, 21%)
600 oklch(0.296 0.077 254.42) #0d2d52 hsl(212, 73%, 19%)
700 oklch(0.274 0.069 253.46) #0b2848 hsl(211, 73%, 16%)
800 oklch(0.254 0.061 253.52) #0a233f hsl(212, 73%, 14%)
900 oklch(0.229 0.056 254.46) #081d36 hsl(213, 74%, 12%)
950 oklch(0.207 0.046 253.72) #07182c hsl(212, 73%, 10%)

50 oklch(0.931 0.015 77.07) #eee7dd hsl(35, 33%, 90%)
100 oklch(0.882 0.027 74.74) #e3d6c5 hsl(34, 35%, 83%)
200 oklch(0.835 0.038 75.10) #d8c6ae hsl(34, 35%, 76%)
300 oklch(0.786 0.050 74.04) #cdb596 hsl(34, 35%, 70%)
400 oklch(0.737 0.061 75.06) #c1a57f hsl(35, 35%, 63%)
500 oklch(0.687 0.073 73.89) #b69467 hsl(34, 35%, 56%)
600 oklch(0.614 0.079 73.44) #a17d4d hsl(34, 35%, 47%)
700 oklch(0.523 0.065 73.08) #81643e hsl(34, 35%, 37%)
800 oklch(0.432 0.052 73.37) #624c2f hsl(34, 35%, 28%)
900 oklch(0.333 0.037 72.54) #423320 hsl(34, 35%, 19%)
950 oklch(0.227 0.021 76.21) #221b11 hsl(35, 33%, 10%)

50 oklch(0.937 0.019 90.55) #efeadc hsl(44, 37%, 90%)
100 oklch(0.925 0.022 89.80) #ece6d6 hsl(44, 37%, 88%)
200 oklch(0.913 0.025 89.22) #e9e2d0 hsl(43, 36%, 86%)
300 oklch(0.902 0.028 86.65) #e7deca hsl(41, 38%, 85%)
400 oklch(0.892 0.032 89.15) #e4dbc4 hsl(43, 37%, 83%)
500 oklch(0.881 0.035 88.79) #e1d7be hsl(43, 37%, 81%)
600 oklch(0.787 0.062 88.37) #cab88c hsl(43, 37%, 67%)
700 oklch(0.694 0.088 88.72) #b39a5a hsl(43, 37%, 53%)
800 oklch(0.560 0.075 87.94) #87723e hsl(43, 37%, 39%)
900 oklch(0.407 0.052 88.55) #554827 hsl(43, 37%, 24%)
950 oklch(0.236 0.026 90.58) #231e10 hsl(44, 37%, 10%)

50 oklch(0.925 0.000 89.88) #e6e6e6 hsl(0, 0%, 90%)
100 oklch(0.931 0.000 89.88) #e8e8e8 hsl(0, 0%, 91%)
200 oklch(0.940 0.000 89.88) #ebebeb hsl(0, 0%, 92%)
300 oklch(0.949 0.000 89.88) #eeeeee hsl(0, 0%, 93%)
400 oklch(0.958 0.000 89.88) #f1f1f1 hsl(0, 0%, 95%)
500 oklch(0.967 0.000 89.88) #f4f4f4 hsl(0, 0%, 96%)
600 oklch(0.833 0.000 89.88) #c8c8c8 hsl(0, 0%, 78%)
700 oklch(0.696 0.000 89.88) #9d9d9d hsl(0, 0%, 62%)
800 oklch(0.549 0.000 89.88) #717171 hsl(0, 0%, 44%)
900 oklch(0.390 0.000 89.88) #454545 hsl(0, 0%, 27%)
950 oklch(0.218 0.000 89.88) #1a1a1a hsl(0, 0%, 10%)

Related palettes

Discover more palettes with a similar mood and vibe or Browse our collection

#F8EDE3
#B3BAC0
#19334A
#00182F
#AD8F5F
#063940
#195e63
#3e838c
#8ebdb6
#ece1c3
#f6eddc
#e3e5d7
#bdd6d2
#a5c8ca
#586875
#092b5a
#09738a
#78a890
#9ed1b7
#e7d9b4
#678c99
#b8c7cc
#fff1cf
#d6c292
#b59e67
#001A33
#001F3F
#003366
#28847C
#50C878
#B9915E
#FEFAEF
#AFD2FA
#647BA5
#182350
#1B3C53
#355974
#486E8A
#D2C1B6
#F9F3EF
#F1EFEC
#D4C9BE
#123458
#0D5959
#151515
© 2025 KColor. All rights reserved. 1.15.1