Tranquil Coastal Color Palette
A harmonious blend of earthy taupe and soft mint green, punctuated by a vibrant coral, creates a tranquil yet invigorating vibe reminiscent of a serene coastal retreat.
Practical uses and creative applications
The Tranquil Coastal Color Palette features a harmonious blend of soothing hues, including the muted earthiness of #665c52, the calming teal of #74b3a7, the refreshing mint of #a3ccaf, the soft sandy beige of #e6e1cf, and the vibrant coral of #cc5b14. This palette is ideal for designers and creatives looking to evoke a serene and inviting atmosphere, perfect for branding that seeks to communicate tranquility and natural beauty.
Whether it’s utilized in web design to enhance user experience or in packaging to create a fresh, coastal vibe, these colors work seamlessly to convey a sense of relaxation and connection to nature. Ideal for beach resorts, wellness brands, or eco-friendly products, the Tranquil Coastal Color Palette can transform interiors into peaceful retreats, making it a go-to choice for interior designers aiming to create calming spaces.
Its blend of warm and cool tones makes it versatile for various applications, from minimalist branding to vibrant, eye-catching marketing materials. By incorporating this palette, designers can tap into the mood of coastal living, appealing to audiences who appreciate the beauty of natural landscapes and the serenity they bring.
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.926 0.005 78.30) | #e8e6e3 | hsl(36, 10%, 90%) |
|
|
| 100 | oklch(0.842 0.011 67.68) | #d0cac4 | hsl(30, 11%, 79%) |
|
|
| 200 | oklch(0.758 0.016 70.84) | #b7afa6 | hsl(32, 11%, 68%) |
|
|
| 300 | oklch(0.670 0.022 67.43) | #9f9387 | hsl(30, 11%, 58%) |
|
|
| 400 | oklch(0.580 0.024 69.55) | #84786b | hsl(31, 10%, 47%) |
|
|
| 500 | oklch(0.481 0.020 67.31) | #665c52 | hsl(30, 11%, 36%) |
|
|
| 600 | oklch(0.433 0.018 70.60) | #574f46 | hsl(32, 11%, 31%) |
|
|
| 700 | oklch(0.381 0.016 63.53) | #49413a | hsl(28, 11%, 26%) |
|
|
| 800 | oklch(0.329 0.013 67.33) | #3a342e | hsl(30, 12%, 20%) |
|
|
| 900 | oklch(0.276 0.009 67.42) | #2b2723 | hsl(30, 10%, 15%) |
|
|
| 950 | oklch(0.219 0.007 78.18) | #1c1a17 | hsl(36, 10%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.016 182.70) | #deedea | hsl(168, 29%, 90%) |
|
|
| 100 | oklch(0.891 0.026 184.67) | #c9e1dd | hsl(170, 29%, 84%) |
|
|
| 200 | oklch(0.849 0.037 181.53) | #b4d6cf | hsl(168, 29%, 77%) |
|
|
| 300 | oklch(0.805 0.048 182.74) | #9ecac2 | hsl(169, 29%, 71%) |
|
|
| 400 | oklch(0.764 0.059 180.63) | #89bfb4 | hsl(168, 30%, 64%) |
|
|
| 500 | oklch(0.721 0.067 180.97) | #74b3a7 | hsl(169, 29%, 58%) |
|
|
| 600 | oklch(0.651 0.076 179.74) | #579f91 | hsl(168, 29%, 48%) |
|
|
| 700 | oklch(0.557 0.064 180.19) | #468075 | hsl(169, 29%, 39%) |
|
|
| 800 | oklch(0.455 0.050 180.64) | #356058 | hsl(169, 29%, 29%) |
|
|
| 900 | oklch(0.350 0.038 179.72) | #23413b | hsl(168, 30%, 20%) |
|
|
| 950 | oklch(0.233 0.021 180.35) | #12211e | hsl(168, 29%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.022 154.11) | #deede2 | hsl(136, 29%, 90%) |
|
|
| 100 | oklch(0.906 0.028 155.26) | #d2e6d8 | hsl(138, 29%, 86%) |
|
|
| 200 | oklch(0.883 0.036 154.29) | #c7e0ce | hsl(137, 29%, 83%) |
|
|
| 300 | oklch(0.857 0.043 154.88) | #bbd9c4 | hsl(138, 28%, 79%) |
|
|
| 400 | oklch(0.834 0.053 153.77) | #afd3b9 | hsl(137, 29%, 76%) |
|
|
| 500 | oklch(0.808 0.059 154.10) | #a3ccaf | hsl(138, 29%, 72%) |
|
|
| 600 | oklch(0.721 0.086 153.51) | #7ab58c | hsl(138, 29%, 59%) |
|
|
| 700 | oklch(0.630 0.102 151.86) | #569b6a | hsl(137, 29%, 47%) |
|
|
| 800 | oklch(0.506 0.080 152.12) | #3f724e | hsl(138, 29%, 35%) |
|
|
| 900 | oklch(0.373 0.055 151.99) | #294932 | hsl(137, 28%, 22%) |
|
|
| 950 | oklch(0.230 0.030 151.96) | #122116 | hsl(136, 29%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.018 92.69) | #eeeadd | hsl(46, 33%, 90%) |
|
|
| 100 | oklch(0.931 0.018 92.69) | #ece8db | hsl(46, 31%, 89%) |
|
|
| 200 | oklch(0.925 0.019 90.55) | #ebe6d8 | hsl(44, 32%, 88%) |
|
|
| 300 | oklch(0.921 0.022 95.30) | #e9e5d5 | hsl(48, 31%, 87%) |
|
|
| 400 | oklch(0.915 0.023 93.34) | #e8e3d2 | hsl(46, 32%, 87%) |
|
|
| 500 | oklch(0.909 0.025 94.08) | #e6e1cf | hsl(47, 32%, 86%) |
|
|
| 600 | oklch(0.811 0.051 93.44) | #ccc19c | hsl(46, 32%, 71%) |
|
|
| 700 | oklch(0.712 0.078 95.14) | #b1a269 | hsl(48, 32%, 55%) |
|
|
| 800 | oklch(0.577 0.072 94.50) | #877946 | hsl(47, 32%, 40%) |
|
|
| 900 | oklch(0.416 0.049 95.77) | #544c2c | hsl(48, 31%, 25%) |
|
|
| 950 | oklch(0.235 0.024 92.99) | #221e11 | hsl(46, 33%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.035 54.79) | #fae1d1 | hsl(23, 80%, 90%) |
|
|
| 100 | oklch(0.859 0.070 53.87) | #f6c5a6 | hsl(23, 82%, 81%) |
|
|
| 200 | oklch(0.795 0.106 52.86) | #f2a97b | hsl(23, 82%, 72%) |
|
|
| 300 | oklch(0.735 0.140 51.13) | #ee8d50 | hsl(23, 82%, 62%) |
|
|
| 400 | oklch(0.681 0.171 47.70) | #ea7125 | hsl(23, 82%, 53%) |
|
|
| 500 | oklch(0.604 0.161 46.20) | #cc5b14 | hsl(23, 82%, 44%) |
|
|
| 600 | oklch(0.534 0.141 46.65) | #ac4d11 | hsl(23, 82%, 37%) |
|
|
| 700 | oklch(0.464 0.120 46.98) | #8d3f0e | hsl(23, 82%, 30%) |
|
|
| 800 | oklch(0.389 0.098 47.81) | #6d310b | hsl(23, 82%, 24%) |
|
|
| 900 | oklch(0.312 0.075 48.64) | #4e2308 | hsl(23, 81%, 17%) |
|
|
| 950 | oklch(0.228 0.049 51.78) | #2e1505 | hsl(23, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
