Warm Sun-Kissed Color Palette
This palette radiates a warm, sun-kissed tranquility with soft pastels of creamy yellow and peach, grounded by a deep teal that adds an earthy sophistication, perfect for a cozy, bohemian retreat.
Practical uses and creative applications
The Warm Sun-Kissed Color Palette radiates a cheerful and inviting energy, making it an ideal choice for branding and web design aimed at capturing a sunny, optimistic vibe. Featuring soft hues like #fdffd9 and #fff0b8 that evoke the gentle warmth of sunlight, this palette is perfect for brands in the wellness, hospitality, or lifestyle sectors.
The combination of warm yellows and soft corals, such as #ffd6a3 and #faad8e, can create an engaging visual narrative that resonates with audiences seeking comfort and positivity. For interior designers and creatives, the Warm Sun-Kissed Color Palette can transform spaces into tranquil retreats filled with warmth and light.
Use these colors in home decor, accent walls, or textiles to create inviting atmospheres that feel both relaxing and energizing. The deep, grounding shade of #142f30 adds a touch of sophistication, making it an excellent choice for balancing the lighter tones in your design.
Whether it's for a cozy café or a refreshing spa, this palette suits anyone looking to infuse their projects with a touch of sunshine and joy.
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.985 0.066 110.32) | #fcffcc | hsl(64, 100%, 90%) |
|
|
| 100 | oklch(0.986 0.062 110.43) | #fcffcf | hsl(64, 100%, 91%) |
|
|
| 200 | oklch(0.987 0.059 109.49) | #fdffd1 | hsl(63, 100%, 91%) |
|
|
| 300 | oklch(0.988 0.056 109.56) | #fdffd4 | hsl(63, 100%, 92%) |
|
|
| 400 | oklch(0.988 0.053 109.62) | #fdffd6 | hsl(63, 100%, 92%) |
|
|
| 500 | oklch(0.989 0.049 109.73) | #fdffd9 | hsl(63, 100%, 93%) |
|
|
| 600 | oklch(0.971 0.146 111.32) | #f9ff85 | hsl(63, 100%, 76%) |
|
|
| 700 | oklch(0.960 0.204 112.94) | #f4ff31 | hsl(63, 100%, 60%) |
|
|
| 800 | oklch(0.854 0.191 113.40) | #d0db00 | hsl(63, 100%, 43%) |
|
|
| 900 | oklch(0.597 0.134 113.38) | #808700 | hsl(63, 100%, 26%) |
|
|
| 950 | oklch(0.308 0.069 113.32) | #303300 | hsl(64, 100%, 10%) |
|
dsfds
| 50 | oklch(0.966 0.053 94.43) | #fff4cc | hsl(47, 100%, 90%) |
|
|
| 100 | oklch(0.963 0.057 94.26) | #fff3c8 | hsl(47, 100%, 89%) |
|
|
| 200 | oklch(0.962 0.062 95.40) | #fff3c4 | hsl(48, 100%, 88%) |
|
|
| 300 | oklch(0.959 0.066 95.20) | #fff2c0 | hsl(48, 100%, 88%) |
|
|
| 400 | oklch(0.956 0.070 95.03) | #fff1bc | hsl(47, 100%, 87%) |
|
|
| 500 | oklch(0.954 0.073 94.87) | #fff0b8 | hsl(47, 100%, 86%) |
|
|
| 600 | oklch(0.910 0.141 94.72) | #ffe06a | hsl(48, 100%, 71%) |
|
|
| 700 | oklch(0.872 0.174 91.20) | #ffcf1d | hsl(47, 100%, 56%) |
|
|
| 800 | oklch(0.734 0.150 89.64) | #cea300 | hsl(47, 100%, 40%) |
|
|
| 900 | oklch(0.520 0.106 89.60) | #816500 | hsl(47, 100%, 25%) |
|
|
| 950 | oklch(0.281 0.058 92.90) | #332800 | hsl(47, 100%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.045 72.68) | #ffe8cc | hsl(33, 100%, 90%) |
|
|
| 100 | oklch(0.935 0.052 73.69) | #ffe5c4 | hsl(34, 100%, 88%) |
|
|
| 200 | oklch(0.925 0.059 72.81) | #ffe1bc | hsl(33, 100%, 87%) |
|
|
| 300 | oklch(0.916 0.066 72.72) | #ffddb3 | hsl(33, 100%, 85%) |
|
|
| 400 | oklch(0.908 0.073 73.33) | #ffdaab | hsl(34, 100%, 84%) |
|
|
| 500 | oklch(0.899 0.080 72.60) | #ffd6a3 | hsl(33, 100%, 82%) |
|
|
| 600 | oklch(0.826 0.137 69.45) | #ffb55a | hsl(33, 100%, 68%) |
|
|
| 700 | oklch(0.766 0.173 61.89) | #ff9510 | hsl(33, 100%, 53%) |
|
|
| 800 | oklch(0.625 0.147 59.85) | #c66e00 | hsl(33, 100%, 39%) |
|
|
| 900 | oklch(0.448 0.103 61.99) | #7c4500 | hsl(33, 100%, 24%) |
|
|
| 950 | oklch(0.252 0.055 68.01) | #331c00 | hsl(33, 100%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.041 44.35) | #fddcce | hsl(18, 92%, 90%) |
|
|
| 100 | oklch(0.895 0.053 43.22) | #fcd2c1 | hsl(17, 91%, 87%) |
|
|
| 200 | oklch(0.875 0.065 43.50) | #fcc9b4 | hsl(18, 92%, 85%) |
|
|
| 300 | oklch(0.855 0.076 43.16) | #fbc0a8 | hsl(17, 91%, 82%) |
|
|
| 400 | oklch(0.834 0.089 42.28) | #fbb69b | hsl(17, 92%, 80%) |
|
|
| 500 | oklch(0.814 0.100 42.77) | #faad8e | hsl(17, 92%, 77%) |
|
|
| 600 | oklch(0.722 0.161 41.84) | #f77e4d | hsl(17, 91%, 64%) |
|
|
| 700 | oklch(0.651 0.212 37.42) | #f44e0b | hsl(17, 91%, 50%) |
|
|
| 800 | oklch(0.519 0.166 37.85) | #b33908 | hsl(17, 91%, 37%) |
|
|
| 900 | oklch(0.377 0.116 38.79) | #722405 | hsl(17, 92%, 23%) |
|
|
| 950 | oklch(0.223 0.060 44.34) | #311002 | hsl(18, 92%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.021 200.43) | #dbeff0 | hsl(183, 41%, 90%) |
|
|
| 100 | oklch(0.844 0.053 199.21) | #a4d7d9 | hsl(182, 41%, 75%) |
|
|
| 200 | oklch(0.754 0.080 198.65) | #6dbfc2 | hsl(182, 41%, 59%) |
|
|
| 300 | oklch(0.637 0.084 198.30) | #429b9e | hsl(182, 41%, 44%) |
|
|
| 400 | oklch(0.469 0.060 198.38) | #2b6567 | hsl(182, 41%, 29%) |
|
|
| 500 | oklch(0.285 0.033 198.64) | #142f30 | hsl(182, 41%, 13%) |
|
|
| 600 | oklch(0.277 0.032 198.76) | #132d2e | hsl(182, 42%, 13%) |
|
|
| 700 | oklch(0.266 0.030 199.05) | #122a2b | hsl(182, 41%, 12%) |
|
|
| 800 | oklch(0.259 0.029 199.20) | #112829 | hsl(183, 41%, 11%) |
|
|
| 900 | oklch(0.251 0.028 195.51) | #102626 | hsl(180, 41%, 11%) |
|
|
| 950 | oklch(0.240 0.026 199.77) | #0f2324 | hsl(183, 41%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
