Coastal Serenity Color Palette
This palette radiates a serene coastal vibe, blending earthy browns and soft greens with refreshing teal and mint, evoking a tranquil retreat in nature’s embrace.
Practical uses and creative applications
The Coastal Serenity Color Palette embodies the tranquil essence of seaside landscapes, making it an ideal choice for brands and creatives looking to evoke calmness and clarity. With its harmonious blend of muted earth tones and refreshing aquatic hues, this palette features deep, grounding colors like #594f4f, coupled with soothing sea greens and soft sandy shades.
Whether you're designing a coastal-themed website, crafting packaging for eco-friendly products, or reimagining interior spaces, this palette can effortlessly enhance the aesthetic, creating a serene yet sophisticated atmosphere. Perfect for designers, artists, and brands in the wellness, travel, or sustainable sectors, the Coastal Serenity Color Palette is well-suited for projects that aim to inspire relaxation and connection to nature.
It resonates particularly well with audiences seeking a tranquil escape or a sense of balance, making it an excellent choice for yoga studios, spas, and beachfront resorts. Utilize these colors to create inviting visuals that not only captivate but also foster a sense of peace and tranquility, ensuring your branding stands out in a competitive market.
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.921 0.003 17.22) | #e7e4e4 | hsl(0, 6%, 90%) |
|
|
| 100 | oklch(0.829 0.008 17.31) | #ccc5c5 | hsl(0, 6%, 79%) |
|
|
| 200 | oklch(0.734 0.012 17.42) | #b0a6a6 | hsl(0, 6%, 67%) |
|
|
| 300 | oklch(0.636 0.017 17.61) | #958787 | hsl(0, 6%, 56%) |
|
|
| 400 | oklch(0.537 0.018 17.72) | #786a6a | hsl(0, 6%, 44%) |
|
|
| 500 | oklch(0.437 0.013 17.67) | #594f4f | hsl(0, 6%, 33%) |
|
|
| 600 | oklch(0.396 0.012 17.68) | #4d4444 | hsl(0, 6%, 28%) |
|
|
| 700 | oklch(0.352 0.010 17.63) | #403939 | hsl(0, 6%, 24%) |
|
|
| 800 | oklch(0.308 0.009 17.64) | #342e2e | hsl(0, 6%, 19%) |
|
|
| 900 | oklch(0.261 0.006 17.55) | #272323 | hsl(0, 5%, 15%) |
|
|
| 950 | oklch(0.213 0.005 17.53) | #1b1818 | hsl(0, 6%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.010 212.52) | #e0e9eb | hsl(191, 22%, 90%) |
|
|
| 100 | oklch(0.857 0.020 208.75) | #c2d4d7 | hsl(189, 21%, 80%) |
|
|
| 200 | oklch(0.787 0.029 210.55) | #a5bfc4 | hsl(190, 21%, 71%) |
|
|
| 300 | oklch(0.712 0.039 211.59) | #87a9b0 | hsl(190, 21%, 61%) |
|
|
| 400 | oklch(0.638 0.048 210.34) | #69949c | hsl(189, 20%, 51%) |
|
|
| 500 | oklch(0.551 0.043 210.60) | #547980 | hsl(190, 21%, 42%) |
|
|
| 600 | oklch(0.491 0.038 210.47) | #47676d | hsl(189, 21%, 35%) |
|
|
| 700 | oklch(0.427 0.032 210.81) | #3a5459 | hsl(190, 21%, 29%) |
|
|
| 800 | oklch(0.364 0.026 211.32) | #2e4246 | hsl(190, 21%, 23%) |
|
|
| 900 | oklch(0.294 0.020 212.29) | #212f32 | hsl(191, 20%, 16%) |
|
|
| 950 | oklch(0.223 0.014 212.79) | #141d1f | hsl(191, 22%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.022 193.31) | #dbf0ef | hsl(177, 41%, 90%) |
|
|
| 100 | oklch(0.890 0.042 192.68) | #bce4e2 | hsl(177, 43%, 82%) |
|
|
| 200 | oklch(0.841 0.061 192.16) | #9cd8d5 | hsl(177, 43%, 73%) |
|
|
| 300 | oklch(0.791 0.077 192.56) | #7dcbc8 | hsl(178, 43%, 64%) |
|
|
| 400 | oklch(0.745 0.092 190.89) | #5ebfba | hsl(177, 43%, 56%) |
|
|
| 500 | oklch(0.686 0.095 190.76) | #45ada8 | hsl(177, 43%, 47%) |
|
|
| 600 | oklch(0.606 0.084 190.00) | #3a928d | hsl(177, 43%, 40%) |
|
|
| 700 | oklch(0.520 0.071 191.38) | #2f7673 | hsl(177, 43%, 32%) |
|
|
| 800 | oklch(0.434 0.058 190.35) | #245b58 | hsl(177, 43%, 25%) |
|
|
| 900 | oklch(0.343 0.044 190.77) | #19403e | hsl(177, 44%, 17%) |
|
|
| 950 | oklch(0.243 0.027 191.50) | #0f2423 | hsl(177, 41%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.039 153.50) | #d8f3df | hsl(136, 53%, 90%) |
|
|
| 100 | oklch(0.920 0.051 153.16) | #ccefd5 | hsl(135, 52%, 87%) |
|
|
| 200 | oklch(0.902 0.062 152.23) | #c1ebcb | hsl(134, 51%, 84%) |
|
|
| 300 | oklch(0.883 0.073 152.02) | #b5e7c1 | hsl(134, 51%, 81%) |
|
|
| 400 | oklch(0.867 0.086 151.60) | #a9e4b7 | hsl(134, 52%, 78%) |
|
|
| 500 | oklch(0.848 0.098 151.33) | #9de0ad | hsl(134, 52%, 75%) |
|
|
| 600 | oklch(0.777 0.145 149.66) | #6bd083 | hsl(134, 52%, 62%) |
|
|
| 700 | oklch(0.706 0.178 147.79) | #3cbd5b | hsl(134, 52%, 49%) |
|
|
| 800 | oklch(0.564 0.139 148.00) | #2c8b43 | hsl(135, 52%, 36%) |
|
|
| 900 | oklch(0.413 0.097 148.43) | #1c592b | hsl(135, 52%, 23%) |
|
|
| 950 | oklch(0.245 0.050 149.75) | #0c2713 | hsl(136, 53%, 10%) |
|
dsfds
| 50 | oklch(0.968 0.064 125.50) | #eafdce | hsl(84, 92%, 90%) |
|
|
| 100 | oklch(0.965 0.066 125.18) | #e9fccc | hsl(84, 89%, 89%) |
|
|
| 200 | oklch(0.964 0.070 125.10) | #e8fcc9 | hsl(84, 89%, 89%) |
|
|
| 300 | oklch(0.962 0.072 125.31) | #e7fcc7 | hsl(84, 90%, 88%) |
|
|
| 400 | oklch(0.961 0.076 125.24) | #e6fcc4 | hsl(84, 90%, 88%) |
|
|
| 500 | oklch(0.960 0.079 125.44) | #e5fcc2 | hsl(84, 91%, 87%) |
|
|
| 600 | oklch(0.917 0.167 127.28) | #c5f877 | hsl(84, 90%, 72%) |
|
|
| 700 | oklch(0.885 0.228 130.17) | #a5f52b | hsl(84, 91%, 56%) |
|
|
| 800 | oklch(0.751 0.205 131.61) | #7cc70a | hsl(84, 90%, 41%) |
|
|
| 900 | oklch(0.532 0.143 131.21) | #4d7c06 | hsl(84, 91%, 25%) |
|
|
| 950 | oklch(0.286 0.074 129.64) | #1e3102 | hsl(84, 92%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
