Serene Coastal Retreat Color Palette
This palette exudes a serene coastal retreat vibe, blending refreshing teal (#0ca5b0) with warm earthy browns (#4e3f30) and soft, creamy whites (#fefeeb, #f8f4e4) accented by gentle sage greens (#a5b3aa) for a tranquil, modern earthy elegance.
Practical uses and creative applications
The Serene Coastal Retreat Color Palette evokes the tranquility of a seaside escape, making it an ideal choice for designers and creatives looking to infuse a sense of calm into their projects. Featuring soothing tones like the refreshing teal of #0ca5b0 and the soft beige of #f8f4e4, this palette is perfect for branding that aims to convey relaxation and natural beauty.
Whether you're designing a logo for a wellness brand or creating marketing materials for a beachfront resort, these colors will resonate with an audience seeking serenity and escape. In web design, the Serene Coastal Retreat Color Palette can enhance user experience by creating a clean and inviting interface.
The harmonious blend of earthy shades like #4e3f30 and #a5b3aa paired with light neutrals like #fefeeb ensures that your website feels spacious and airy, perfect for businesses in the hospitality, lifestyle, or health sectors. Additionally, this palette works beautifully in interior design, transforming spaces into peaceful retreats ideal for coastal-themed homes or boutique hotels.
For creatives looking to evoke a sense of balance and relaxation, this color scheme is a versatile choice that engages and enchants.
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.954 0.043 201.79) | #cff9fc | hsl(184, 88%, 90%) |
|
|
| 100 | oklch(0.909 0.083 201.50) | #9df2f8 | hsl(184, 87%, 79%) |
|
|
| 200 | oklch(0.871 0.114 202.24) | #6aebf5 | hsl(184, 87%, 69%) |
|
|
| 300 | oklch(0.844 0.134 202.14) | #37e5f1 | hsl(184, 87%, 58%) |
|
|
| 400 | oklch(0.796 0.134 203.33) | #0fd5e3 | hsl(184, 88%, 47%) |
|
|
| 500 | oklch(0.659 0.111 203.33) | #0ca5b0 | hsl(184, 87%, 37%) |
|
|
| 600 | oklch(0.587 0.098 202.89) | #0a8d96 | hsl(184, 88%, 31%) |
|
|
| 700 | oklch(0.513 0.086 203.36) | #09757d | hsl(184, 87%, 26%) |
|
|
| 800 | oklch(0.437 0.072 202.72) | #075d63 | hsl(184, 87%, 21%) |
|
|
| 900 | oklch(0.356 0.058 201.68) | #054549 | hsl(184, 87%, 15%) |
|
|
| 950 | oklch(0.272 0.044 202.17) | #032d30 | hsl(184, 88%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.011 71.89) | #ece6df | hsl(32, 25%, 90%) |
|
|
| 100 | oklch(0.828 0.025 67.47) | #d2c4b6 | hsl(30, 24%, 77%) |
|
|
| 200 | oklch(0.729 0.040 67.12) | #b9a38d | hsl(30, 24%, 64%) |
|
|
| 300 | oklch(0.626 0.056 67.48) | #9f8264 | hsl(31, 24%, 51%) |
|
|
| 400 | oklch(0.506 0.046 66.49) | #776049 | hsl(30, 24%, 38%) |
|
|
| 500 | oklch(0.379 0.032 66.61) | #4e3f30 | hsl(30, 24%, 25%) |
|
|
| 600 | oklch(0.351 0.029 68.71) | #45382a | hsl(31, 24%, 22%) |
|
|
| 700 | oklch(0.318 0.025 66.75) | #3b3025 | hsl(30, 23%, 19%) |
|
|
| 800 | oklch(0.288 0.022 69.74) | #32291f | hsl(32, 23%, 16%) |
|
|
| 900 | oklch(0.254 0.019 66.80) | #292119 | hsl(30, 24%, 13%) |
|
|
| 950 | oklch(0.223 0.016 71.16) | #201a13 | hsl(32, 25%, 10%) |
|
dsfds
| 50 | oklch(0.982 0.061 107.46) | #fdfdce | hsl(60, 92%, 90%) |
|
|
| 100 | oklch(0.984 0.053 107.34) | #fdfdd4 | hsl(60, 91%, 91%) |
|
|
| 200 | oklch(0.985 0.045 107.20) | #fdfdda | hsl(60, 90%, 92%) |
|
|
| 300 | oklch(0.987 0.038 107.07) | #fdfde0 | hsl(60, 88%, 94%) |
|
|
| 400 | oklch(0.990 0.033 106.98) | #fefee5 | hsl(60, 93%, 95%) |
|
|
| 500 | oklch(0.992 0.025 106.84) | #fefeeb | hsl(60, 90%, 96%) |
|
|
| 600 | oklch(0.964 0.120 108.46) | #fafa98 | hsl(60, 91%, 79%) |
|
|
| 700 | oklch(0.944 0.186 109.50) | #f6f644 | hsl(60, 91%, 62%) |
|
|
| 800 | oklch(0.851 0.184 109.75) | #d7d70b | hsl(60, 90%, 44%) |
|
|
| 900 | oklch(0.594 0.128 109.73) | #848407 | hsl(60, 90%, 27%) |
|
|
| 950 | oklch(0.303 0.064 109.68) | #313102 | hsl(60, 92%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.032 95.40) | #f5efd7 | hsl(48, 60%, 90%) |
|
|
| 100 | oklch(0.953 0.031 96.87) | #f5f0d9 | hsl(49, 58%, 91%) |
|
|
| 200 | oklch(0.956 0.028 95.90) | #f6f1dc | hsl(48, 59%, 91%) |
|
|
| 300 | oklch(0.960 0.026 94.74) | #f7f2df | hsl(48, 60%, 92%) |
|
|
| 400 | oklch(0.962 0.024 96.57) | #f7f3e1 | hsl(49, 58%, 93%) |
|
|
| 500 | oklch(0.966 0.022 95.28) | #f8f4e4 | hsl(48, 59%, 93%) |
|
|
| 600 | oklch(0.883 0.074 95.75) | #e7d9a1 | hsl(48, 59%, 77%) |
|
|
| 700 | oklch(0.800 0.119 95.51) | #d5bd5d | hsl(48, 59%, 60%) |
|
|
| 800 | oklch(0.678 0.123 94.53) | #b0962e | hsl(48, 59%, 44%) |
|
|
| 900 | oklch(0.478 0.084 94.78) | #6c5c1c | hsl(48, 59%, 27%) |
|
|
| 950 | oklch(0.257 0.039 95.44) | #29230b | hsl(48, 58%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.007 160.07) | #e3e8e5 | hsl(144, 10%, 90%) |
|
|
| 100 | oklch(0.892 0.008 157.07) | #d7ddd9 | hsl(140, 8%, 85%) |
|
|
| 200 | oklch(0.858 0.013 156.96) | #cad3cd | hsl(140, 9%, 81%) |
|
|
| 300 | oklch(0.823 0.014 159.85) | #bec8c2 | hsl(144, 8%, 76%) |
|
|
| 400 | oklch(0.789 0.018 159.00) | #b1beb6 | hsl(143, 9%, 72%) |
|
|
| 500 | oklch(0.753 0.020 157.72) | #a5b3aa | hsl(141, 8%, 67%) |
|
|
| 600 | oklch(0.661 0.028 157.85) | #85988c | hsl(142, 8%, 56%) |
|
|
| 700 | oklch(0.564 0.029 157.63) | #687b6f | hsl(142, 8%, 45%) |
|
|
| 800 | oklch(0.456 0.023 157.20) | #4d5b52 | hsl(141, 8%, 33%) |
|
|
| 900 | oklch(0.342 0.016 156.28) | #323b35 | hsl(140, 8%, 21%) |
|
|
| 950 | oklch(0.220 0.009 159.21) | #171c19 | hsl(144, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
