Coastal Retreat Color Palette
This palette exudes a serene yet sophisticated vibe, blending warm sandy beige and muted golden hues with deep oceanic greens and dark teal, evoking a tranquil coastal retreat at twilight.
Practical uses and creative applications
The Coastal Retreat Color Palette evokes the serene beauty of seaside escapes, making it an ideal choice for designers looking to infuse a tranquil yet sophisticated vibe into their projects. The soft beige (#e8ddcb) and warm sand tones (#cdb380) create a welcoming foundation, while the deep teal (#036564) and rich navy (#033649) add depth and contrast, reminiscent of ocean waves and twilight skies.
This palette is perfect for branding efforts aimed at wellness brands, eco-friendly products, or hospitality businesses that seek to promote relaxation and rejuvenation. In web design, the Coastal Retreat Color Palette can elevate user experience by creating visually appealing interfaces that resonate with audiences seeking calmness and clarity.
The muted tones are well-suited for packaging design as well, particularly for artisanal goods or organic products, where a natural aesthetic is key. Interior designers can harness this palette to craft spaces that feel both inviting and sophisticated, ideal for coastal homes, boutique hotels, or spa environments.
Whether you're a designer, a creative entrepreneur, or a brand strategist, the Coastal Retreat Color Palette offers versatility and charm that can transform your projects into serene escapes.
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.933 0.018 81.33) | #efe8dc | hsl(38, 37%, 90%) |
|
|
| 100 | oklch(0.927 0.021 81.78) | #eee6d8 | hsl(38, 39%, 89%) |
|
|
| 200 | oklch(0.921 0.022 83.26) | #ece4d5 | hsl(39, 38%, 88%) |
|
|
| 300 | oklch(0.914 0.023 78.21) | #ebe1d2 | hsl(36, 38%, 87%) |
|
|
| 400 | oklch(0.907 0.025 81.12) | #e9dfce | hsl(38, 38%, 86%) |
|
|
| 500 | oklch(0.901 0.027 80.24) | #e8ddcb | hsl(37, 39%, 85%) |
|
|
| 600 | oklch(0.798 0.055 79.97) | #d0ba96 | hsl(37, 38%, 70%) |
|
|
| 700 | oklch(0.695 0.082 78.35) | #b99761 | hsl(37, 39%, 55%) |
|
|
| 800 | oklch(0.564 0.076 78.50) | #8e703f | hsl(37, 39%, 40%) |
|
|
| 900 | oklch(0.407 0.053 78.67) | #594627 | hsl(37, 39%, 25%) |
|
|
| 950 | oklch(0.231 0.024 80.57) | #231c10 | hsl(38, 37%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.022 83.26) | #f1e9da | hsl(39, 45%, 90%) |
|
|
| 100 | oklch(0.904 0.032 84.59) | #e9dec8 | hsl(40, 43%, 85%) |
|
|
| 200 | oklch(0.872 0.042 83.86) | #e2d3b6 | hsl(40, 43%, 80%) |
|
|
| 300 | oklch(0.841 0.053 85.07) | #dbc9a4 | hsl(40, 43%, 75%) |
|
|
| 400 | oklch(0.809 0.064 84.40) | #d4be92 | hsl(40, 43%, 70%) |
|
|
| 500 | oklch(0.777 0.074 83.81) | #cdb380 | hsl(40, 44%, 65%) |
|
|
| 600 | oklch(0.706 0.095 83.08) | #bd9b58 | hsl(40, 43%, 54%) |
|
|
| 700 | oklch(0.610 0.091 82.85) | #9e7e3e | hsl(40, 44%, 43%) |
|
|
| 800 | oklch(0.493 0.072 81.54) | #765d2e | hsl(39, 44%, 32%) |
|
|
| 900 | oklch(0.370 0.051 82.53) | #4d3d1e | hsl(40, 44%, 21%) |
|
|
| 950 | oklch(0.236 0.029 82.29) | #251d0e | hsl(39, 45%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.050 194.81) | #cdfefd | hsl(179, 96%, 90%) |
|
|
| 100 | oklch(0.921 0.105 194.74) | #89fbfa | hsl(179, 93%, 76%) |
|
|
| 200 | oklch(0.895 0.140 194.38) | #44f9f8 | hsl(180, 94%, 62%) |
|
|
| 300 | oklch(0.862 0.147 193.69) | #07efed | hsl(179, 94%, 48%) |
|
|
| 400 | oklch(0.668 0.114 193.28) | #05aaa8 | hsl(179, 94%, 34%) |
|
|
| 500 | oklch(0.459 0.078 193.59) | #036564 | hsl(179, 94%, 20%) |
|
|
| 600 | oklch(0.427 0.072 193.48) | #035b5a | hsl(179, 94%, 18%) |
|
|
| 700 | oklch(0.391 0.066 194.79) | #025050 | hsl(180, 95%, 16%) |
|
|
| 800 | oklch(0.357 0.060 193.15) | #024645 | hsl(179, 94%, 14%) |
|
|
| 900 | oklch(0.323 0.054 192.93) | #023c3b | hsl(179, 94%, 12%) |
|
|
| 950 | oklch(0.287 0.049 192.63) | #013231 | hsl(179, 96%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.040 222.89) | #cef0fd | hsl(197, 92%, 90%) |
|
|
| 100 | oklch(0.845 0.094 223.96) | #84dafa | hsl(196, 92%, 75%) |
|
|
| 200 | oklch(0.770 0.134 228.00) | #3bc4f7 | hsl(196, 92%, 60%) |
|
|
| 300 | oklch(0.673 0.137 232.74) | #09a3dc | hsl(196, 92%, 45%) |
|
|
| 400 | oklch(0.500 0.101 232.71) | #066c93 | hsl(197, 92%, 30%) |
|
|
| 500 | oklch(0.312 0.060 229.61) | #033649 | hsl(196, 92%, 15%) |
|
|
| 600 | oklch(0.297 0.057 229.93) | #033244 | hsl(197, 92%, 14%) |
|
|
| 700 | oklch(0.286 0.053 228.24) | #032f3f | hsl(196, 91%, 13%) |
|
|
| 800 | oklch(0.271 0.052 229.75) | #022b3b | hsl(197, 93%, 12%) |
|
|
| 900 | oklch(0.259 0.048 227.82) | #022836 | hsl(196, 93%, 11%) |
|
|
| 950 | oklch(0.244 0.045 228.10) | #022431 | hsl(197, 92%, 10%) |
|
dsfds
| 50 | oklch(0.903 0.043 260.43) | #cfe0fc | hsl(217, 88%, 90%) |
|
|
| 100 | oklch(0.753 0.116 259.11) | #82b0f8 | hsl(217, 89%, 74%) |
|
|
| 200 | oklch(0.613 0.189 259.49) | #367ff3 | hsl(217, 89%, 58%) |
|
|
| 300 | oklch(0.492 0.195 260.42) | #0c57cd | hsl(217, 89%, 43%) |
|
|
| 400 | oklch(0.354 0.134 260.08) | #073680 | hsl(217, 90%, 26%) |
|
|
| 500 | oklch(0.205 0.065 258.03) | #031634 | hsl(217, 89%, 11%) |
|
|
| 600 | oklch(0.204 0.063 257.52) | #031633 | hsl(216, 89%, 11%) |
|
|
| 700 | oklch(0.201 0.063 258.16) | #031532 | hsl(217, 89%, 10%) |
|
|
| 800 | oklch(0.201 0.063 258.16) | #031532 | hsl(217, 89%, 10%) |
|
|
| 900 | oklch(0.200 0.061 257.64) | #031531 | hsl(217, 88%, 10%) |
|
|
| 950 | oklch(0.196 0.061 258.31) | #031430 | hsl(217, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
