Bold Ocean Sunset Color Palette
This palette exudes a bold yet harmonious vibe, blending deep ocean blues and warm earthy tones with a vibrant pop of amber, evoking a stylish sunset over a rugged coastline.
Practical uses and creative applications
The Bold Ocean Sunset Color Palette features an invigorating mix of deep blues, warm earth tones, and vibrant golds, making it an ideal choice for creative professionals looking to evoke a sense of adventure and tranquility. The palette includes rich hues like #172c3c and #274862, which can be used to create a strong foundation in branding and web design, while the pops of #d96831 and #e6b33d add a lively touch perfect for engaging packaging or dynamic interiors.
This combination resonates well with brands aiming to convey authenticity and warmth, making it a versatile option for businesses in the outdoor, travel, or wellness sectors. Designers and creatives will find this palette particularly appealing for projects that require a bold statement.
The earthy tones of #995052 provide a grounding element, making it suitable for interior spaces that seek to balance energy and calm. Whether it's creating an inviting coffee shop ambiance or designing a coastal-inspired website, the Bold Ocean Sunset Color Palette captures the essence of nature’s beauty.
This palette not only enhances aesthetic appeal but also evokes emotions, making it perfect for storytelling across various mediums.
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.019 240.74) | #dae7f1 | hsl(206, 45%, 90%) |
|
|
| 100 | oklch(0.805 0.048 240.63) | #a4c4dc | hsl(206, 44%, 75%) |
|
|
| 200 | oklch(0.685 0.079 242.25) | #6da0c7 | hsl(206, 45%, 60%) |
|
|
| 300 | oklch(0.566 0.093 243.56) | #417ca9 | hsl(206, 44%, 46%) |
|
|
| 400 | oklch(0.430 0.067 242.88) | #2c5472 | hsl(206, 44%, 31%) |
|
|
| 500 | oklch(0.283 0.040 242.80) | #172c3c | hsl(206, 45%, 16%) |
|
|
| 600 | oklch(0.271 0.037 240.53) | #152937 | hsl(205, 45%, 15%) |
|
|
| 700 | oklch(0.256 0.036 243.27) | #132533 | hsl(206, 46%, 14%) |
|
|
| 800 | oklch(0.244 0.032 242.09) | #12222e | hsl(206, 44%, 13%) |
|
|
| 900 | oklch(0.228 0.029 243.21) | #101e29 | hsl(206, 44%, 11%) |
|
|
| 950 | oklch(0.215 0.027 242.62) | #0e1b25 | hsl(206, 45%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.018 240.01) | #dbe7f0 | hsl(206, 41%, 90%) |
|
|
| 100 | oklch(0.819 0.043 241.80) | #acc8de | hsl(206, 43%, 77%) |
|
|
| 200 | oklch(0.719 0.069 242.09) | #7eaacc | hsl(206, 43%, 65%) |
|
|
| 300 | oklch(0.616 0.093 243.67) | #508bb9 | hsl(206, 43%, 52%) |
|
|
| 400 | oklch(0.507 0.081 243.77) | #396a90 | hsl(206, 43%, 39%) |
|
|
| 500 | oklch(0.389 0.059 243.92) | #274862 | hsl(206, 43%, 27%) |
|
|
| 600 | oklch(0.356 0.053 244.03) | #223f56 | hsl(207, 43%, 24%) |
|
|
| 700 | oklch(0.322 0.046 242.80) | #1d3649 | hsl(206, 43%, 20%) |
|
|
| 800 | oklch(0.287 0.040 242.74) | #182d3d | hsl(206, 44%, 17%) |
|
|
| 900 | oklch(0.252 0.034 242.68) | #132431 | hsl(206, 44%, 13%) |
|
|
| 950 | oklch(0.215 0.025 241.71) | #0f1b24 | hsl(206, 41%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.016 17.46) | #eddede | hsl(0, 29%, 90%) |
|
|
| 100 | oklch(0.834 0.034 15.58) | #dec0c1 | hsl(358, 31%, 81%) |
|
|
| 200 | oklch(0.753 0.052 16.86) | #cea2a3 | hsl(359, 31%, 72%) |
|
|
| 300 | oklch(0.673 0.073 16.95) | #bf8486 | hsl(358, 32%, 63%) |
|
|
| 400 | oklch(0.594 0.093 18.45) | #af6769 | hsl(358, 31%, 55%) |
|
|
| 500 | oklch(0.520 0.097 19.28) | #995052 | hsl(358, 31%, 46%) |
|
|
| 600 | oklch(0.462 0.084 19.80) | #814445 | hsl(359, 31%, 39%) |
|
|
| 700 | oklch(0.400 0.071 19.49) | #693738 | hsl(359, 31%, 31%) |
|
|
| 800 | oklch(0.339 0.056 18.80) | #512b2c | hsl(358, 31%, 24%) |
|
|
| 900 | oklch(0.272 0.042 17.85) | #391e1f | hsl(358, 31%, 17%) |
|
|
| 950 | oklch(0.203 0.025 19.48) | #211212 | hsl(0, 29%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.030 46.25) | #f7dfd4 | hsl(19, 69%, 90%) |
|
|
| 100 | oklch(0.863 0.055 48.66) | #f1c8b3 | hsl(20, 69%, 82%) |
|
|
| 200 | oklch(0.805 0.080 47.30) | #ebb093 | hsl(20, 69%, 75%) |
|
|
| 300 | oklch(0.748 0.106 46.89) | #e59872 | hsl(20, 69%, 67%) |
|
|
| 400 | oklch(0.694 0.132 45.67) | #df8052 | hsl(20, 69%, 60%) |
|
|
| 500 | oklch(0.644 0.157 44.16) | #d96831 | hsl(20, 69%, 52%) |
|
|
| 600 | oklch(0.572 0.146 43.57) | #bc5523 | hsl(20, 69%, 44%) |
|
|
| 700 | oklch(0.491 0.123 44.08) | #98451c | hsl(20, 69%, 35%) |
|
|
| 800 | oklch(0.406 0.100 44.01) | #743415 | hsl(20, 69%, 27%) |
|
|
| 900 | oklch(0.316 0.072 44.82) | #4f240f | hsl(20, 68%, 18%) |
|
|
| 950 | oklch(0.219 0.044 44.62) | #2b1308 | hsl(19, 69%, 10%) |
|
dsfds
| 50 | oklch(0.949 0.038 86.89) | #f9edd2 | hsl(42, 76%, 90%) |
|
|
| 100 | oklch(0.917 0.063 88.22) | #f5e2b4 | hsl(42, 76%, 83%) |
|
|
| 200 | oklch(0.885 0.087 86.95) | #f2d696 | hsl(42, 78%, 77%) |
|
|
| 300 | oklch(0.853 0.108 86.18) | #eeca79 | hsl(42, 77%, 70%) |
|
|
| 400 | oklch(0.824 0.128 85.98) | #eabf5b | hsl(42, 77%, 64%) |
|
|
| 500 | oklch(0.793 0.142 84.33) | #e6b33d | hsl(42, 77%, 57%) |
|
|
| 600 | oklch(0.736 0.146 81.95) | #d79f1c | hsl(42, 77%, 48%) |
|
|
| 700 | oklch(0.626 0.123 81.58) | #ad7f16 | hsl(42, 77%, 38%) |
|
|
| 800 | oklch(0.511 0.099 82.58) | #826011 | hsl(42, 77%, 29%) |
|
|
| 900 | oklch(0.390 0.074 83.49) | #58410b | hsl(42, 78%, 19%) |
|
|
| 950 | oklch(0.256 0.045 84.55) | #2d2106 | hsl(42, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
