Coastal Charm Color Palette
This palette exudes a vibrant coastal charm, blending deep ocean blues and lush teal with warm sandy yellows and sunset oranges, evoking a serene yet lively beach escape.
Practical uses and creative applications
The Coastal Charm Color Palette evokes the soothing essence of seaside escapes, making it an ideal choice for those looking to infuse a fresh and vibrant atmosphere into their projects. Comprising deep teal (#264653), refreshing seafoam green (#2A9D8F), sunny yellow (#E9C46A), warm coral (#F4A261), and a lively reddish-orange (#E76F51), this palette is perfect for branding, web design, packaging, and interior decor that aims to capture the tranquility and charm of coastal living.
This palette is particularly suited for designers and creatives in industries related to wellness, travel, and lifestyle. Whether you're crafting a website for a beach resort, designing packaging for organic skincare products, or creating a cozy interior for a coastal-themed café, the Coastal Charm Color Palette provides the perfect blend of warmth and serenity.
The harmonious colors not only enhance visual appeal but also evoke feelings of relaxation and adventure, making them ideal for attracting audiences seeking a taste of the ocean breeze. Incorporating the Coastal Charm Color Palette into your projects can elevate your brand's identity, creating a memorable aesthetic that resonates with your target audience.
Whether you aim to evoke nostalgia for summer vacations or inspire a sense of calm, these colors will help you achieve a beautiful balance between style and emotion, making your designs stand out in a competitive landscape.
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.928 0.016 221.08) | #dceaef | hsl(196, 37%, 90%) |
|
|
| 100 | oklch(0.830 0.038 225.09) | #aecdda | hsl(198, 37%, 77%) |
|
|
| 200 | oklch(0.732 0.060 224.73) | #7fb1c5 | hsl(197, 38%, 64%) |
|
|
| 300 | oklch(0.633 0.079 226.37) | #5194af | hsl(197, 37%, 50%) |
|
|
| 400 | oklch(0.508 0.063 226.10) | #3b6d81 | hsl(197, 37%, 37%) |
|
|
| 500 | oklch(0.375 0.044 226.20) | #264653 | hsl(197, 37%, 24%) |
|
|
| 600 | oklch(0.347 0.039 225.24) | #223e49 | hsl(197, 36%, 21%) |
|
|
| 700 | oklch(0.317 0.036 225.68) | #1d3640 | hsl(197, 38%, 18%) |
|
|
| 800 | oklch(0.287 0.031 224.32) | #192e36 | hsl(197, 37%, 15%) |
|
|
| 900 | oklch(0.256 0.027 224.78) | #14262d | hsl(197, 38%, 13%) |
|
|
| 950 | oklch(0.225 0.022 222.52) | #101e23 | hsl(196, 37%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.030 189.08) | #d7f4f1 | hsl(174, 57%, 90%) |
|
|
| 100 | oklch(0.892 0.061 187.07) | #aee9e2 | hsl(173, 57%, 80%) |
|
|
| 200 | oklch(0.842 0.088 185.60) | #85ded3 | hsl(173, 57%, 70%) |
|
|
| 300 | oklch(0.795 0.109 184.79) | #5cd3c5 | hsl(173, 57%, 59%) |
|
|
| 400 | oklch(0.748 0.121 182.68) | #35c6b4 | hsl(173, 58%, 49%) |
|
|
| 500 | oklch(0.630 0.101 183.03) | #2a9d8f | hsl(173, 58%, 39%) |
|
|
| 600 | oklch(0.562 0.090 183.07) | #24867a | hsl(173, 58%, 33%) |
|
|
| 700 | oklch(0.488 0.077 183.02) | #1e6e64 | hsl(173, 57%, 27%) |
|
|
| 800 | oklch(0.415 0.064 183.14) | #17574f | hsl(173, 58%, 22%) |
|
|
| 900 | oklch(0.338 0.051 183.22) | #11403a | hsl(172, 58%, 16%) |
|
|
| 950 | oklch(0.254 0.035 185.95) | #0b2825 | hsl(174, 57%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.036 87.79) | #f8edd3 | hsl(42, 73%, 90%) |
|
|
| 100 | oklch(0.925 0.054 88.36) | #f5e5be | hsl(43, 73%, 85%) |
|
|
| 200 | oklch(0.902 0.071 88.60) | #f2dda9 | hsl(43, 74%, 81%) |
|
|
| 300 | oklch(0.880 0.088 88.65) | #efd594 | hsl(43, 74%, 76%) |
|
|
| 400 | oklch(0.856 0.103 87.67) | #eccc7f | hsl(42, 74%, 71%) |
|
|
| 500 | oklch(0.834 0.117 87.43) | #e9c46a | hsl(43, 74%, 66%) |
|
|
| 600 | oklch(0.783 0.142 84.88) | #e2b038 | hsl(42, 75%, 55%) |
|
|
| 700 | oklch(0.691 0.135 83.69) | #c3931d | hsl(43, 74%, 44%) |
|
|
| 800 | oklch(0.556 0.107 83.88) | #916d15 | hsl(43, 75%, 33%) |
|
|
| 900 | oklch(0.413 0.078 84.00) | #5f470e | hsl(42, 74%, 21%) |
|
|
| 950 | oklch(0.255 0.043 85.80) | #2c2107 | hsl(42, 73%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.038 60.99) | #fce3cf | hsl(27, 88%, 90%) |
|
|
| 100 | oklch(0.899 0.056 60.86) | #fad6b9 | hsl(27, 87%, 85%) |
|
|
| 200 | oklch(0.869 0.074 59.96) | #f9c9a3 | hsl(27, 88%, 81%) |
|
|
| 300 | oklch(0.838 0.092 59.63) | #f7bc8d | hsl(27, 87%, 76%) |
|
|
| 400 | oklch(0.809 0.110 58.65) | #f6af77 | hsl(26, 88%, 72%) |
|
|
| 500 | oklch(0.781 0.127 57.86) | #f4a261 | hsl(27, 87%, 67%) |
|
|
| 600 | oklch(0.716 0.164 53.56) | #f0822b | hsl(26, 87%, 55%) |
|
|
| 700 | oklch(0.628 0.161 50.21) | #d2650f | hsl(26, 87%, 44%) |
|
|
| 800 | oklch(0.506 0.127 50.93) | #9c4b0b | hsl(26, 87%, 33%) |
|
|
| 900 | oklch(0.377 0.091 52.32) | #663107 | hsl(27, 87%, 21%) |
|
|
| 950 | oklch(0.236 0.051 57.17) | #301703 | hsl(27, 88%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.036 34.81) | #f9dad2 | hsl(12, 76%, 90%) |
|
|
| 100 | oklch(0.862 0.058 35.63) | #f5c5b8 | hsl(13, 75%, 84%) |
|
|
| 200 | oklch(0.813 0.082 33.88) | #f2af9f | hsl(12, 76%, 79%) |
|
|
| 300 | oklch(0.766 0.106 34.73) | #ee9a85 | hsl(12, 76%, 73%) |
|
|
| 400 | oklch(0.720 0.132 34.62) | #eb846b | hsl(12, 76%, 67%) |
|
|
| 500 | oklch(0.678 0.156 35.18) | #e76f51 | hsl(12, 76%, 61%) |
|
|
| 600 | oklch(0.615 0.195 34.71) | #e14923 | hsl(12, 76%, 51%) |
|
|
| 700 | oklch(0.525 0.167 34.85) | #b63919 | hsl(12, 76%, 41%) |
|
|
| 800 | oklch(0.428 0.134 34.54) | #892a13 | hsl(12, 76%, 31%) |
|
|
| 900 | oklch(0.324 0.096 34.60) | #5b1c0d | hsl(12, 75%, 20%) |
|
|
| 950 | oklch(0.213 0.054 36.36) | #2d0e06 | hsl(12, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
