Serene Coastal Color Palette
Soft and dreamy, this palette blends creamy peach and pale ivory with tranquil teal and earthy olive tones, evoking a serene and whimsical coastal retreat.
Practical uses and creative applications
The Serene Coastal Color Palette embodies the tranquil essence of seaside living, making it an ideal choice for designers and creatives looking to evoke a calming atmosphere. This harmonious palette features soft hues such as #ffefd3 and #fffee4, reminiscent of sandy beaches and sunlit shores, paired beautifully with refreshing tones of #d0ecea and #9fd6d2 that reflect ocean waves.
The grounding #8b7a5e adds depth and sophistication, perfect for those wanting to infuse a touch of nature into their projects. Ideal for branding, web design, and packaging, the Serene Coastal Color Palette is particularly suited for businesses in the wellness, hospitality, and lifestyle sectors.
Use it to create a soothing brand identity that resonates with audiences seeking relaxation and balance. In interior design, these colors can transform spaces into serene retreats, perfect for coastal-themed homes or tranquil spa environments.
Whether you’re a graphic designer creating a calming website or an interior decorator looking to craft peaceful spaces, this palette provides the perfect foundation for a serene aesthetic that captivates and inspires.
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.950 0.047 80.81) | #ffeccc | hsl(38, 100%, 90%) |
|
|
| 100 | oklch(0.952 0.046 82.04) | #ffedcd | hsl(38, 100%, 90%) |
|
|
| 200 | oklch(0.953 0.044 80.59) | #ffedcf | hsl(38, 100%, 91%) |
|
|
| 300 | oklch(0.955 0.043 81.89) | #ffeed0 | hsl(38, 100%, 91%) |
|
|
| 400 | oklch(0.955 0.041 80.33) | #ffeed2 | hsl(37, 100%, 91%) |
|
|
| 500 | oklch(0.958 0.041 81.72) | #ffefd3 | hsl(38, 100%, 91%) |
|
|
| 600 | oklch(0.884 0.112 80.66) | #ffd180 | hsl(38, 100%, 75%) |
|
|
| 700 | oklch(0.819 0.161 75.60) | #ffb32d | hsl(38, 100%, 59%) |
|
|
| 800 | oklch(0.699 0.152 69.64) | #d98a00 | hsl(38, 100%, 43%) |
|
|
| 900 | oklch(0.493 0.106 71.16) | #865500 | hsl(38, 100%, 26%) |
|
|
| 950 | oklch(0.261 0.055 76.59) | #332000 | hsl(38, 100%, 10%) |
|
dsfds
| 50 | oklch(0.984 0.063 105.56) | #fffdcc | hsl(58, 100%, 90%) |
|
|
| 100 | oklch(0.985 0.057 105.25) | #fffdd1 | hsl(57, 100%, 91%) |
|
|
| 200 | oklch(0.986 0.050 104.87) | #fffdd6 | hsl(57, 100%, 92%) |
|
|
| 300 | oklch(0.989 0.047 105.92) | #fffeda | hsl(58, 100%, 93%) |
|
|
| 400 | oklch(0.990 0.040 105.60) | #fffedf | hsl(58, 100%, 94%) |
|
|
| 500 | oklch(0.991 0.034 105.20) | #fffee4 | hsl(58, 100%, 95%) |
|
|
| 600 | oklch(0.969 0.131 106.76) | #fffb8e | hsl(58, 100%, 78%) |
|
|
| 700 | oklch(0.955 0.193 107.33) | #fff837 | hsl(58, 100%, 61%) |
|
|
| 800 | oklch(0.861 0.185 106.99) | #e0d800 | hsl(58, 100%, 44%) |
|
|
| 900 | oklch(0.598 0.128 107.03) | #898400 | hsl(58, 100%, 27%) |
|
|
| 950 | oklch(0.305 0.066 107.24) | #333100 | hsl(58, 100%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.022 193.31) | #dbf0ef | hsl(177, 41%, 90%) |
|
|
| 100 | oklch(0.936 0.023 193.45) | #d9efee | hsl(177, 41%, 89%) |
|
|
| 200 | oklch(0.933 0.026 190.87) | #d6efed | hsl(175, 44%, 89%) |
|
|
| 300 | oklch(0.930 0.027 191.07) | #d4eeec | hsl(175, 43%, 88%) |
|
|
| 400 | oklch(0.926 0.028 191.25) | #d2edeb | hsl(176, 43%, 88%) |
|
|
| 500 | oklch(0.922 0.030 191.41) | #d0ecea | hsl(176, 42%, 87%) |
|
|
| 600 | oklch(0.831 0.062 190.91) | #98d5d1 | hsl(176, 42%, 72%) |
|
|
| 700 | oklch(0.745 0.091 189.05) | #60bfb8 | hsl(176, 43%, 56%) |
|
|
| 800 | oklch(0.612 0.084 189.02) | #3c948e | hsl(176, 42%, 41%) |
|
|
| 900 | oklch(0.437 0.058 188.77) | #255c58 | hsl(176, 43%, 25%) |
|
|
| 950 | oklch(0.243 0.027 191.50) | #0f2423 | hsl(177, 41%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.022 189.87) | #dbf0ee | hsl(174, 41%, 90%) |
|
|
| 100 | oklch(0.919 0.030 191.41) | #cfebe9 | hsl(176, 41%, 87%) |
|
|
| 200 | oklch(0.897 0.036 192.17) | #c3e5e3 | hsl(176, 40%, 83%) |
|
|
| 300 | oklch(0.877 0.043 190.91) | #b7e0dd | hsl(176, 40%, 80%) |
|
|
| 400 | oklch(0.857 0.050 191.51) | #abdbd8 | hsl(176, 40%, 76%) |
|
|
| 500 | oklch(0.837 0.057 190.52) | #9fd6d2 | hsl(176, 40%, 73%) |
|
|
| 600 | oklch(0.764 0.080 189.50) | #72c3bd | hsl(176, 40%, 61%) |
|
|
| 700 | oklch(0.681 0.092 188.82) | #49aba4 | hsl(176, 40%, 48%) |
|
|
| 800 | oklch(0.546 0.072 189.09) | #367e79 | hsl(176, 40%, 35%) |
|
|
| 900 | oklch(0.401 0.051 187.78) | #23514d | hsl(175, 40%, 23%) |
|
|
| 950 | oklch(0.242 0.027 187.55) | #0f2422 | hsl(174, 41%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.009 84.57) | #eae7e1 | hsl(40, 18%, 90%) |
|
|
| 100 | oklch(0.863 0.017 79.34) | #d8d1c6 | hsl(37, 19%, 81%) |
|
|
| 200 | oklch(0.799 0.026 81.10) | #c6bcab | hsl(38, 19%, 72%) |
|
|
| 300 | oklch(0.731 0.035 79.19) | #b4a690 | hsl(37, 19%, 64%) |
|
|
| 400 | oklch(0.663 0.044 81.56) | #a19175 | hsl(38, 19%, 55%) |
|
|
| 500 | oklch(0.588 0.046 80.02) | #8b7a5e | hsl(37, 19%, 46%) |
|
|
| 600 | oklch(0.520 0.040 80.98) | #75674f | hsl(38, 19%, 38%) |
|
|
| 700 | oklch(0.452 0.033 79.11) | #605441 | hsl(37, 19%, 32%) |
|
|
| 800 | oklch(0.380 0.027 80.37) | #4a4132 | hsl(38, 19%, 24%) |
|
|
| 900 | oklch(0.304 0.021 82.60) | #342e23 | hsl(39, 20%, 17%) |
|
|
| 950 | oklch(0.223 0.012 84.55) | #1e1b15 | hsl(40, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
