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.
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