Coastal Serenity Color Palette
This palette exudes a tranquil coastal vibe, blending warm sandy beige and soft cream with serene sky blue, deep oceanic navy, and a touch of refreshing aquamarine for a soothing yet stylish retreat.
Practical uses and creative applications
The Coastal Serenity Color Palette features a harmonious blend of soft neutrals and tranquil blues, making it an ideal choice for brands that want to evoke feelings of calm and relaxation. With shades like #B9915E reminiscent of sandy beaches and #AFD2FA capturing the essence of clear skies, this palette is perfect for web design and branding in the wellness, travel, or lifestyle sectors.
Designers can leverage these colors to create visually appealing logos, websites, and marketing materials that resonate with audiences seeking tranquility and escape. This palette is also well-suited for packaging design, particularly for products related to beauty, skincare, or organic foods.
The use of #FEFAEF as a gentle backdrop allows for other colors to pop, creating an inviting aesthetic that draws customers in. Interior designers will find the Coastal Serenity Color Palette a fantastic option for creating serene living spaces, using #647BA5 and #182350 to add depth and sophistication while maintaining an airy feel.
Whether you're a designer looking to captivate clients with a soothing ambiance or a creative aiming to inspire relaxation, this palette is sure to elevate your projects.
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.932 0.019 75.32) | #f0e7db | hsl(34, 41%, 90%) |
|
|
| 100 | oklch(0.883 0.032 75.19) | #e5d6c2 | hsl(34, 40%, 83%) |
|
|
| 200 | oklch(0.832 0.044 72.82) | #dac4a9 | hsl(33, 40%, 76%) |
|
|
| 300 | oklch(0.782 0.057 73.02) | #cfb390 | hsl(33, 40%, 69%) |
|
|
| 400 | oklch(0.733 0.070 72.91) | #c4a277 | hsl(34, 39%, 62%) |
|
|
| 500 | oklch(0.683 0.083 72.44) | #b9915e | hsl(34, 39%, 55%) |
|
|
| 600 | oklch(0.609 0.085 71.11) | #a37a47 | hsl(33, 39%, 46%) |
|
|
| 700 | oklch(0.521 0.071 71.19) | #836239 | hsl(33, 39%, 37%) |
|
|
| 800 | oklch(0.428 0.057 71.30) | #634a2b | hsl(33, 39%, 28%) |
|
|
| 900 | oklch(0.333 0.042 74.38) | #43331d | hsl(35, 40%, 19%) |
|
|
| 950 | oklch(0.229 0.026 73.96) | #241b0f | hsl(34, 41%, 10%) |
|
| 50 | oklch(0.956 0.045 90.39) | #fcf0cf | hsl(44, 88%, 90%) |
|
|
| 100 | oklch(0.961 0.039 91.20) | #fcf2d5 | hsl(45, 87%, 91%) |
|
|
| 200 | oklch(0.968 0.033 89.85) | #fdf4dc | hsl(44, 89%, 93%) |
|
|
| 300 | oklch(0.973 0.027 90.90) | #fdf6e2 | hsl(44, 87%, 94%) |
|
|
| 400 | oklch(0.980 0.021 88.72) | #fef8e9 | hsl(43, 91%, 95%) |
|
|
| 500 | oklch(0.985 0.015 90.23) | #fefaef | hsl(44, 88%, 97%) |
|
|
| 600 | oklch(0.912 0.090 90.16) | #f9e09c | hsl(44, 89%, 79%) |
|
|
| 700 | oklch(0.845 0.147 88.16) | #f4c649 | hsl(44, 89%, 62%) |
|
|
| 800 | oklch(0.739 0.149 84.41) | #d6a10d | hsl(44, 89%, 45%) |
|
|
| 900 | oklch(0.516 0.103 84.77) | #836208 | hsl(44, 88%, 27%) |
|
|
| 950 | oklch(0.267 0.051 88.27) | #302403 | hsl(44, 88%, 10%) |
|
| 50 | oklch(0.911 0.040 251.77) | #cfe4fc | hsl(212, 88%, 90%) |
|
|
| 100 | oklch(0.899 0.046 253.42) | #c9e0fc | hsl(213, 89%, 89%) |
|
|
| 200 | oklch(0.887 0.051 251.14) | #c2ddfb | hsl(212, 88%, 87%) |
|
|
| 300 | oklch(0.875 0.057 252.55) | #bcd9fb | hsl(212, 89%, 86%) |
|
|
| 400 | oklch(0.864 0.061 250.78) | #b5d6fa | hsl(211, 87%, 85%) |
|
|
| 500 | oklch(0.852 0.067 252.01) | #afd2fa | hsl(212, 88%, 83%) |
|
|
| 600 | oklch(0.726 0.130 253.35) | #69aaf6 | hsl(212, 89%, 69%) |
|
|
| 700 | oklch(0.615 0.186 255.32) | #2283f1 | hsl(212, 88%, 54%) |
|
|
| 800 | oklch(0.494 0.166 256.70) | #0c5ebd | hsl(212, 88%, 39%) |
|
|
| 900 | oklch(0.358 0.113 255.77) | #073b76 | hsl(212, 89%, 25%) |
|
|
| 950 | oklch(0.207 0.055 252.79) | #031830 | hsl(212, 88%, 10%) |
|
| 50 | oklch(0.917 0.012 259.82) | #dfe4ec | hsl(217, 25%, 90%) |
|
|
| 100 | oklch(0.852 0.023 260.72) | #c6cfde | hsl(218, 27%, 82%) |
|
|
| 200 | oklch(0.787 0.034 262.66) | #aebad0 | hsl(219, 27%, 75%) |
|
|
| 300 | oklch(0.719 0.046 262.34) | #95a5c2 | hsl(219, 27%, 67%) |
|
|
| 400 | oklch(0.651 0.057 262.53) | #7d90b3 | hsl(219, 26%, 60%) |
|
|
| 500 | oklch(0.582 0.070 262.16) | #647ba5 | hsl(219, 27%, 52%) |
|
|
| 600 | oklch(0.510 0.067 263.27) | #52668d | hsl(220, 26%, 44%) |
|
|
| 700 | oklch(0.441 0.054 261.51) | #425371 | hsl(218, 26%, 35%) |
|
|
| 800 | oklch(0.366 0.043 261.59) | #323f56 | hsl(218, 26%, 27%) |
|
|
| 900 | oklch(0.288 0.032 261.72) | #222b3b | hsl(218, 27%, 18%) |
|
|
| 950 | oklch(0.208 0.018 259.72) | #131820 | hsl(217, 25%, 10%) |
|
| 50 | oklch(0.900 0.031 275.58) | #d8ddf3 | hsl(229, 53%, 90%) |
|
|
| 100 | oklch(0.760 0.078 273.74) | #a1aee3 | hsl(228, 54%, 76%) |
|
|
| 200 | oklch(0.618 0.128 271.97) | #6b7fd2 | hsl(228, 53%, 62%) |
|
|
| 300 | oklch(0.485 0.169 268.82) | #3953bd | hsl(228, 54%, 48%) |
|
|
| 400 | oklch(0.384 0.129 268.93) | #283b87 | hsl(228, 54%, 34%) |
|
|
| 500 | oklch(0.275 0.084 269.81) | #182350 | hsl(228, 54%, 20%) |
|
|
| 600 | oklch(0.257 0.077 270.77) | #161f48 | hsl(229, 53%, 18%) |
|
|
| 700 | oklch(0.241 0.069 269.96) | #131c40 | hsl(228, 54%, 16%) |
|
|
| 800 | oklch(0.223 0.063 271.22) | #111838 | hsl(229, 53%, 14%) |
|
|
| 900 | oklch(0.205 0.053 269.94) | #0e152f | hsl(227, 54%, 12%) |
|
|
| 950 | oklch(0.186 0.045 271.73) | #0c1127 | hsl(229, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
