Warm Coastal Sunset Color Palette
This palette radiates a warm, sun-kissed energy with soft peach and vibrant orange, anchored by deep teal and rich brown, evoking a spirited coastal sunset infused with earthy sophistication.
Practical uses and creative applications
Introducing the Warm Coastal Sunset Color Palette, a vibrant collection designed to evoke the serene beauty of a sunset by the sea. Featuring soft peachy tones like #FDEFD5, a rich sunset orange (#FE8800), deep earthy hues (#822E0C), a tranquil teal (#156B78), and a grounding navy (#001228), this palette is perfect for creatives looking to infuse warmth and depth into their projects.
Whether you’re a graphic designer crafting a new brand identity or an interior designer seeking to create an inviting space, these colors harmoniously blend to evoke a cozy, yet sophisticated atmosphere. Ideal for branding and web design, the Warm Coastal Sunset palette communicates a sense of relaxation and adventure, making it perfect for businesses in the travel, wellness, and lifestyle sectors.
The soft and inviting tones can enhance packaging designs, creating a memorable unboxing experience that resonates with customers. Moreover, this palette is well-suited for interiors, where its warm hues can transform any space into a tranquil oasis reminiscent of a coastal retreat.
Designers and creatives will find this palette particularly inspiring, as it balances vibrant energy with calming sophistication. Whether you're designing a beachside café's branding or curating a home décor collection, the Warm Coastal Sunset Color Palette captures the essence of coastal living, inviting audiences to immerse themselves in its warmth and charm.
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.949 0.043 81.89) | #fdecce | hsl(38, 92%, 90%) |
|
|
| 100 | oklch(0.951 0.042 82.49) | #fdedd0 | hsl(39, 92%, 90%) |
|
|
| 200 | oklch(0.952 0.041 81.72) | #fdedd1 | hsl(38, 92%, 91%) |
|
|
| 300 | oklch(0.954 0.040 83.13) | #fdeed2 | hsl(39, 91%, 91%) |
|
|
| 400 | oklch(0.954 0.038 81.51) | #fdeed4 | hsl(38, 91%, 91%) |
|
|
| 500 | oklch(0.956 0.037 83.03) | #fdefd5 | hsl(39, 91%, 91%) |
|
|
| 600 | oklch(0.879 0.104 82.38) | #f9d186 | hsl(39, 91%, 75%) |
|
|
| 700 | oklch(0.809 0.152 78.49) | #f5b337 | hsl(39, 90%, 59%) |
|
|
| 800 | oklch(0.687 0.144 73.31) | #cf8a0a | hsl(39, 91%, 43%) |
|
|
| 900 | oklch(0.485 0.100 74.30) | #805506 | hsl(39, 91%, 26%) |
|
|
| 950 | oklch(0.258 0.051 78.08) | #312002 | hsl(38, 92%, 10%) |
|
| 50 | oklch(0.940 0.044 70.53) | #ffe7cc | hsl(32, 100%, 90%) |
|
|
| 100 | oklch(0.895 0.080 70.19) | #ffd4a3 | hsl(32, 100%, 82%) |
|
|
| 200 | oklch(0.852 0.113 69.09) | #ffc17a | hsl(32, 100%, 74%) |
|
|
| 300 | oklch(0.813 0.143 66.90) | #ffae51 | hsl(32, 100%, 66%) |
|
|
| 400 | oklch(0.776 0.166 62.89) | #ff9b28 | hsl(32, 100%, 58%) |
|
|
| 500 | oklch(0.743 0.180 56.71) | #fe8800 | hsl(32, 100%, 50%) |
|
|
| 600 | oklch(0.652 0.157 57.22) | #d57200 | hsl(32, 100%, 42%) |
|
|
| 700 | oklch(0.561 0.134 58.25) | #ad5d00 | hsl(32, 100%, 34%) |
|
|
| 800 | oklch(0.463 0.109 59.51) | #844700 | hsl(32, 100%, 26%) |
|
|
| 900 | oklch(0.361 0.084 61.07) | #5c3100 | hsl(32, 100%, 18%) |
|
|
| 950 | oklch(0.249 0.056 65.91) | #331b00 | hsl(32, 100%, 10%) |
|
| 50 | oklch(0.919 0.038 44.87) | #fbddd0 | hsl(18, 84%, 90%) |
|
|
| 100 | oklch(0.819 0.088 43.63) | #f5b296 | hsl(18, 83%, 77%) |
|
|
| 200 | oklch(0.729 0.141 42.50) | #f0875c | hsl(17, 83%, 65%) |
|
|
| 300 | oklch(0.654 0.189 39.78) | #eb5c22 | hsl(17, 83%, 53%) |
|
|
| 400 | oklch(0.546 0.166 39.19) | #bc4311 | hsl(18, 83%, 40%) |
|
|
| 500 | oklch(0.420 0.124 39.51) | #822e0c | hsl(17, 83%, 28%) |
|
|
| 600 | oklch(0.381 0.110 39.89) | #71280a | hsl(17, 84%, 24%) |
|
|
| 700 | oklch(0.344 0.098 39.76) | #612209 | hsl(17, 83%, 21%) |
|
|
| 800 | oklch(0.303 0.084 40.44) | #501c07 | hsl(17, 84%, 17%) |
|
|
| 900 | oklch(0.261 0.069 40.77) | #3f1606 | hsl(17, 83%, 14%) |
|
|
| 950 | oklch(0.222 0.054 44.12) | #2f1104 | hsl(18, 84%, 10%) |
|
| 50 | oklch(0.943 0.033 206.06) | #d4f3f7 | hsl(187, 69%, 90%) |
|
|
| 100 | oklch(0.873 0.071 208.24) | #9de3ee | hsl(188, 70%, 77%) |
|
|
| 200 | oklch(0.812 0.102 208.14) | #67d4e4 | hsl(188, 70%, 65%) |
|
|
| 300 | oklch(0.758 0.121 210.09) | #31c5db | hsl(188, 70%, 53%) |
|
|
| 400 | oklch(0.635 0.104 210.86) | #1e9bae | hsl(188, 71%, 40%) |
|
|
| 500 | oklch(0.486 0.078 210.44) | #156b78 | hsl(188, 70%, 28%) |
|
|
| 600 | oklch(0.441 0.071 211.18) | #125d69 | hsl(188, 71%, 24%) |
|
|
| 700 | oklch(0.397 0.062 209.09) | #105059 | hsl(187, 70%, 21%) |
|
|
| 800 | oklch(0.350 0.054 209.89) | #0d424a | hsl(188, 70%, 17%) |
|
|
| 900 | oklch(0.301 0.046 211.09) | #0a343b | hsl(189, 71%, 14%) |
|
|
| 950 | oklch(0.252 0.036 207.17) | #08272b | hsl(187, 69%, 10%) |
|
| 50 | oklch(0.908 0.046 253.41) | #cce3ff | hsl(213, 100%, 90%) |
|
|
| 100 | oklch(0.762 0.124 253.98) | #78b5ff | hsl(213, 100%, 74%) |
|
|
| 200 | oklch(0.634 0.199 256.39) | #2487ff | hsl(213, 100%, 57%) |
|
|
| 300 | oklch(0.506 0.193 258.66) | #005dd0 | hsl(213, 100%, 41%) |
|
|
| 400 | oklch(0.354 0.127 257.33) | #00387c | hsl(213, 100%, 24%) |
|
|
| 500 | oklch(0.181 0.053 251.33) | #001228 | hsl(213, 100%, 8%) |
|
|
| 600 | oklch(0.185 0.055 251.61) | #00132a | hsl(213, 100%, 8%) |
|
|
| 700 | oklch(0.190 0.057 251.86) | #00142c | hsl(213, 100%, 9%) |
|
|
| 800 | oklch(0.196 0.060 252.86) | #00152f | hsl(213, 100%, 9%) |
|
|
| 900 | oklch(0.200 0.062 253.04) | #001631 | hsl(213, 100%, 10%) |
|
|
| 950 | oklch(0.205 0.064 253.21) | #001733 | hsl(213, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
