Serene Coastal Retreat Color Palette
This palette evokes a serene coastal retreat, blending soft sandy beige and muted blush with deep oceanic blues and rich charcoal, creating a calming yet sophisticated ambiance.
Practical uses and creative applications
The Serene Coastal Retreat Color Palette is a harmonious blend of soft neutrals and deep oceanic hues, making it perfect for creating tranquil and inviting spaces. With shades like the gentle #F1EFEC and earthy #D4C9BE, this palette evokes the soothing essence of sandy shores and sunlit retreats.
Ideal for branding, web design, and packaging, it resonates particularly well with businesses in the wellness, travel, and lifestyle sectors. Designers looking to craft a serene online presence or a calming product line will find this palette an excellent choice for establishing a serene, coastal vibe.
This color palette also shines in interior design, providing a fresh and airy atmosphere that promotes relaxation and mindfulness. The rich #123458 and vibrant #0D5959 add depth and sophistication, making it suitable for accent walls or statement furniture pieces.
Creatives and homeowners alike can utilize these colors to evoke a beachside escape, whether in a cozy living room or a tranquil bedroom retreat. With its versatile aesthetic, the Serene Coastal Retreat Color Palette is perfect for anyone looking to infuse their projects with a sense of calm and beauty.
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.926 0.006 75.40) | #e9e6e2 | hsl(34, 14%, 90%) |
|
|
| 100 | oklch(0.932 0.006 75.40) | #ebe8e4 | hsl(34, 15%, 91%) |
|
|
| 200 | oklch(0.937 0.006 84.57) | #eceae6 | hsl(40, 14%, 91%) |
|
|
| 300 | oklch(0.944 0.006 84.57) | #eeece8 | hsl(40, 15%, 92%) |
|
|
| 400 | oklch(0.947 0.005 78.30) | #efedea | hsl(36, 14%, 93%) |
|
|
| 500 | oklch(0.953 0.005 78.30) | #f1efec | hsl(36, 15%, 94%) |
|
|
| 600 | oklch(0.829 0.017 79.34) | #cdc6bb | hsl(37, 15%, 77%) |
|
|
| 700 | oklch(0.699 0.030 76.10) | #a99c8a | hsl(35, 15%, 60%) |
|
|
| 800 | oklch(0.558 0.034 78.56) | #7f725e | hsl(36, 15%, 43%) |
|
|
| 900 | oklch(0.398 0.022 77.98) | #4e463a | hsl(36, 15%, 27%) |
|
|
| 950 | oklch(0.220 0.009 75.15) | #1d1a16 | hsl(34, 14%, 10%) |
|
| 50 | oklch(0.927 0.010 72.66) | #ebe6e0 | hsl(33, 22%, 90%) |
|
|
| 100 | oklch(0.909 0.012 71.89) | #e6e0d9 | hsl(32, 21%, 88%) |
|
|
| 200 | oklch(0.893 0.013 63.90) | #e2dad3 | hsl(28, 21%, 86%) |
|
|
| 300 | oklch(0.875 0.015 64.32) | #ddd4cc | hsl(28, 20%, 83%) |
|
|
| 400 | oklch(0.860 0.018 67.59) | #d9cfc5 | hsl(30, 21%, 81%) |
|
|
| 500 | oklch(0.842 0.019 67.56) | #d4c9be | hsl(30, 20%, 79%) |
|
|
| 600 | oklch(0.736 0.033 67.28) | #b8a694 | hsl(30, 20%, 65%) |
|
|
| 700 | oklch(0.627 0.047 66.79) | #9c836a | hsl(30, 20%, 51%) |
|
|
| 800 | oklch(0.502 0.039 68.19) | #73604c | hsl(31, 20%, 37%) |
|
|
| 900 | oklch(0.369 0.027 69.08) | #493d30 | hsl(31, 21%, 24%) |
|
|
| 950 | oklch(0.222 0.014 72.09) | #1f1a14 | hsl(33, 22%, 10%) |
|
| 50 | oklch(0.915 0.029 249.77) | #d5e5f6 | hsl(211, 65%, 90%) |
|
|
| 100 | oklch(0.797 0.072 250.01) | #9ac1ea | hsl(211, 66%, 76%) |
|
|
| 200 | oklch(0.682 0.116 250.92) | #5f9dde | hsl(211, 66%, 62%) |
|
|
| 300 | oklch(0.572 0.150 253.21) | #2a79cd | hsl(211, 66%, 48%) |
|
|
| 400 | oklch(0.452 0.114 252.78) | #1e5793 | hsl(211, 66%, 35%) |
|
|
| 500 | oklch(0.321 0.075 252.40) | #123458 | hsl(211, 66%, 21%) |
|
|
| 600 | oklch(0.300 0.069 251.79) | #102f4f | hsl(210, 66%, 19%) |
|
|
| 700 | oklch(0.277 0.063 252.48) | #0e2946 | hsl(211, 67%, 16%) |
|
|
| 800 | oklch(0.256 0.056 251.72) | #0c243d | hsl(211, 67%, 14%) |
|
|
| 900 | oklch(0.231 0.048 252.61) | #0b1e33 | hsl(212, 65%, 12%) |
|
|
| 950 | oklch(0.209 0.040 251.54) | #09192a | hsl(211, 65%, 10%) |
|
| 50 | oklch(0.955 0.039 196.51) | #d3f9f9 | hsl(180, 76%, 90%) |
|
|
| 100 | oklch(0.895 0.087 195.71) | #94efef | hsl(180, 74%, 76%) |
|
|
| 200 | oklch(0.849 0.122 195.11) | #56e6e6 | hsl(180, 74%, 62%) |
|
|
| 300 | oklch(0.795 0.132 194.83) | #1fd6d6 | hsl(180, 75%, 48%) |
|
|
| 400 | oklch(0.614 0.101 194.85) | #169797 | hsl(180, 75%, 34%) |
|
|
| 500 | oklch(0.422 0.068 194.89) | #0d5959 | hsl(180, 75%, 20%) |
|
|
| 600 | oklch(0.393 0.063 194.90) | #0c5050 | hsl(180, 74%, 18%) |
|
|
| 700 | oklch(0.362 0.058 194.91) | #0a4747 | hsl(180, 75%, 16%) |
|
|
| 800 | oklch(0.332 0.052 194.93) | #093e3e | hsl(180, 75%, 14%) |
|
|
| 900 | oklch(0.300 0.046 194.97) | #083535 | hsl(180, 74%, 12%) |
|
|
| 950 | oklch(0.272 0.041 195.00) | #072d2d | hsl(180, 73%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.795 0.000 89.88) | #bcbcbc | hsl(0, 0%, 74%) |
|
|
| 200 | oklch(0.660 0.000 89.88) | #929292 | hsl(0, 0%, 57%) |
|
|
| 300 | oklch(0.517 0.000 89.88) | #686868 | hsl(0, 0%, 41%) |
|
|
| 400 | oklch(0.368 0.000 89.88) | #3f3f3f | hsl(0, 0%, 25%) |
|
|
| 500 | oklch(0.196 0.000 89.88) | #151515 | hsl(0, 0%, 8%) |
|
|
| 600 | oklch(0.200 0.000 89.88) | #161616 | hsl(0, 0%, 9%) |
|
|
| 700 | oklch(0.205 0.000 89.88) | #171717 | hsl(0, 0%, 9%) |
|
|
| 800 | oklch(0.209 0.000 89.88) | #181818 | hsl(0, 0%, 9%) |
|
|
| 900 | oklch(0.213 0.000 89.88) | #191919 | hsl(0, 0%, 10%) |
|
|
| 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
