Serene Coastal Color Palette
This palette radiates a serene and sophisticated vibe, blending deep forest green with soft blues and airy pastels, evoking a tranquil, modern retreat by the coast.
Practical uses and creative applications
Introducing the 'Serene Coastal Color Palette'a harmonious blend of deep greens and soothing blues, perfectly designed to evoke the tranquility of the ocean. Featuring rich hues like #0C130C and soft pastels such as #BEE8E7, this palette is ideal for branding projects seeking to convey a sense of calm and reliability.
Whether you’re designing a logo for a coastal retreat or creating packaging for eco-friendly products, these colors can help your brand stand out while promoting a serene lifestyle. The 'Serene Coastal Color Palette' is particularly suited for web design and interior spaces, where it can create inviting and refreshing atmospheres.
Designers and creatives can leverage these colors to enhance user experience on websites, making them feel more relaxed and comfortable. Additionally, in interior design, this palette can transform spaces into tranquil havens, perfect for homes, offices, or wellness centers looking to foster a peaceful environment.
Embrace the essence of coastal serenity and let this color palette inspire your next creative endeavor!.
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.929 0.019 145.42) | #e0ebe0 | hsl(120, 22%, 90%) |
|
|
| 100 | oklch(0.808 0.054 145.05) | #abcaab | hsl(120, 23%, 73%) |
|
|
| 200 | oklch(0.686 0.090 144.52) | #77a977 | hsl(120, 23%, 56%) |
|
|
| 300 | oklch(0.540 0.087 144.26) | #4e7c4e | hsl(120, 23%, 40%) |
|
|
| 400 | oklch(0.369 0.054 144.38) | #2d472d | hsl(120, 22%, 23%) |
|
|
| 500 | oklch(0.177 0.018 144.77) | #0c130c | hsl(120, 23%, 6%) |
|
|
| 600 | oklch(0.186 0.018 144.82) | #0e150e | hsl(120, 20%, 7%) |
|
|
| 700 | oklch(0.197 0.022 144.67) | #0f180f | hsl(120, 23%, 8%) |
|
|
| 800 | oklch(0.206 0.022 144.72) | #111a11 | hsl(120, 21%, 8%) |
|
|
| 900 | oklch(0.216 0.026 144.59) | #121d12 | hsl(120, 23%, 9%) |
|
|
| 950 | oklch(0.225 0.026 144.64) | #141f14 | hsl(120, 22%, 10%) |
|
| 50 | oklch(0.908 0.018 289.58) | #e0dfec | hsl(245, 25%, 90%) |
|
|
| 100 | oklch(0.841 0.030 289.90) | #cac8de | hsl(245, 25%, 83%) |
|
|
| 200 | oklch(0.773 0.045 289.59) | #b4b1d1 | hsl(246, 26%, 76%) |
|
|
| 300 | oklch(0.704 0.060 289.24) | #9e9ac3 | hsl(246, 25%, 68%) |
|
|
| 400 | oklch(0.634 0.076 288.52) | #8883b6 | hsl(246, 26%, 61%) |
|
|
| 500 | oklch(0.562 0.092 287.64) | #726ca8 | hsl(246, 26%, 54%) |
|
|
| 600 | oklch(0.485 0.093 287.04) | #5c5691 | hsl(246, 26%, 45%) |
|
|
| 700 | oklch(0.418 0.079 287.24) | #4a4575 | hsl(246, 26%, 36%) |
|
|
| 800 | oklch(0.347 0.064 287.55) | #383459 | hsl(246, 26%, 28%) |
|
|
| 900 | oklch(0.274 0.044 286.94) | #26243c | hsl(245, 25%, 19%) |
|
|
| 950 | oklch(0.195 0.026 287.24) | #141320 | hsl(245, 25%, 10%) |
|
| 50 | oklch(0.908 0.021 274.02) | #dce0ef | hsl(227, 37%, 90%) |
|
|
| 100 | oklch(0.857 0.034 274.52) | #c9cfe7 | hsl(228, 38%, 85%) |
|
|
| 200 | oklch(0.806 0.046 274.26) | #b6bede | hsl(228, 38%, 79%) |
|
|
| 300 | oklch(0.756 0.059 272.90) | #a3aed6 | hsl(227, 38%, 74%) |
|
|
| 400 | oklch(0.703 0.072 272.69) | #909dcd | hsl(227, 38%, 68%) |
|
|
| 500 | oklch(0.651 0.087 272.46) | #7d8cc5 | hsl(228, 38%, 63%) |
|
|
| 600 | oklch(0.547 0.116 271.12) | #586bb4 | hsl(228, 38%, 53%) |
|
|
| 700 | oklch(0.461 0.108 270.66) | #425394 | hsl(228, 38%, 42%) |
|
|
| 800 | oklch(0.377 0.084 270.55) | #313e6e | hsl(227, 38%, 31%) |
|
|
| 900 | oklch(0.290 0.060 270.45) | #202949 | hsl(227, 39%, 21%) |
|
|
| 950 | oklch(0.195 0.031 271.89) | #101423 | hsl(227, 37%, 10%) |
|
| 50 | oklch(0.933 0.021 211.76) | #daedf1 | hsl(190, 45%, 90%) |
|
|
| 100 | oklch(0.913 0.028 210.53) | #cee8ed | hsl(190, 46%, 87%) |
|
|
| 200 | oklch(0.892 0.034 210.64) | #c3e2e8 | hsl(190, 45%, 84%) |
|
|
| 300 | oklch(0.873 0.041 210.01) | #b7dde4 | hsl(189, 45%, 81%) |
|
|
| 400 | oklch(0.851 0.046 210.18) | #acd7df | hsl(189, 44%, 77%) |
|
|
| 500 | oklch(0.832 0.053 209.80) | #a0d2db | hsl(189, 45%, 74%) |
|
|
| 600 | oklch(0.748 0.077 210.80) | #70bbc9 | hsl(189, 45%, 61%) |
|
|
| 700 | oklch(0.666 0.092 211.24) | #44a3b4 | hsl(189, 45%, 49%) |
|
|
| 800 | oklch(0.533 0.072 210.49) | #327884 | hsl(189, 45%, 36%) |
|
|
| 900 | oklch(0.392 0.051 210.82) | #204d55 | hsl(189, 45%, 23%) |
|
|
| 950 | oklch(0.234 0.026 212.82) | #0e2125 | hsl(190, 45%, 10%) |
|
| 50 | oklch(0.943 0.026 193.79) | #d9f2f1 | hsl(178, 49%, 90%) |
|
|
| 100 | oklch(0.935 0.029 194.04) | #d4f0ef | hsl(178, 48%, 89%) |
|
|
| 200 | oklch(0.926 0.033 194.28) | #ceeeed | hsl(178, 48%, 87%) |
|
|
| 300 | oklch(0.918 0.036 194.41) | #c9eceb | hsl(178, 48%, 86%) |
|
|
| 400 | oklch(0.909 0.041 194.54) | #c3eae9 | hsl(178, 48%, 84%) |
|
|
| 500 | oklch(0.901 0.044 194.62) | #bee8e7 | hsl(179, 48%, 83%) |
|
|
| 600 | oklch(0.822 0.077 193.68) | #87d5d3 | hsl(178, 48%, 68%) |
|
|
| 700 | oklch(0.746 0.102 193.58) | #50c1bf | hsl(179, 48%, 54%) |
|
|
| 800 | oklch(0.608 0.087 193.12) | #349391 | hsl(179, 48%, 39%) |
|
|
| 900 | oklch(0.437 0.060 193.61) | #215c5b | hsl(179, 47%, 25%) |
|
|
| 950 | oklch(0.249 0.031 191.85) | #0d2625 | hsl(178, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
