Warm Sun-Kissed Color Palette
This palette radiates a warm, sun-kissed vibe with soft pastel yellows and gentle earthy tones, evoking a cheerful, nostalgic summer afternoon.
Practical uses and creative applications
The Warm Sun-Kissed Color Palette radiates a cheerful energy, making it perfect for branding and web design that aims to evoke feelings of warmth and positivity. Featuring soft yellows and gentle greens, this palette is ideal for businesses in the wellness, hospitality, and eco-friendly sectors.
For instance, a cozy café could use these colors to create an inviting atmosphere, while a lifestyle blog focused on outdoor adventures might incorporate them to reflect a sunny, carefree vibe. Interior designers and creatives will find this color palette particularly appealing for crafting spaces that exude comfort and tranquility.
The subtle hues of #fcf7d7, #fea667, and #ffe461 can transform a living room or workspace into a sunlit retreat, inspiring relaxation and creativity. Additionally, the Warm Sun-Kissed Palette is excellent for packaging design, especially for products that aim to convey freshness and natural beauty, such as skincare lines or artisanal food items.
With its versatile applications, this palette is a go-to choice for anyone looking to infuse their projects with a touch of warmth and optimism.
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.967 0.050 101.08) | #fbf6d0 | hsl(53, 84%, 90%) |
|
|
| 100 | oklch(0.968 0.048 99.63) | #fcf6d1 | hsl(52, 88%, 90%) |
|
|
| 200 | oklch(0.969 0.046 99.16) | #fcf6d3 | hsl(51, 87%, 91%) |
|
|
| 300 | oklch(0.969 0.045 98.91) | #fcf6d4 | hsl(51, 87%, 91%) |
|
|
| 400 | oklch(0.972 0.043 100.06) | #fcf7d6 | hsl(52, 86%, 91%) |
|
|
| 500 | oklch(0.972 0.042 99.82) | #fcf7d7 | hsl(52, 86%, 92%) |
|
|
| 600 | oklch(0.922 0.116 100.92) | #f6e88a | hsl(52, 86%, 75%) |
|
|
| 700 | oklch(0.877 0.166 100.10) | #f0d83c | hsl(52, 86%, 59%) |
|
|
| 800 | oklch(0.759 0.155 98.80) | #cab10f | hsl(52, 86%, 43%) |
|
|
| 900 | oklch(0.534 0.108 98.73) | #7d6d09 | hsl(52, 87%, 26%) |
|
|
| 950 | oklch(0.282 0.055 101.70) | #2f2a04 | hsl(53, 84%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.043 57.14) | #ffe1cc | hsl(25, 100%, 90%) |
|
|
| 100 | oklch(0.902 0.061 56.45) | #ffd5b8 | hsl(25, 100%, 86%) |
|
|
| 200 | oklch(0.876 0.078 57.67) | #fecaa4 | hsl(25, 98%, 82%) |
|
|
| 300 | oklch(0.850 0.095 56.75) | #febe90 | hsl(25, 98%, 78%) |
|
|
| 400 | oklch(0.824 0.114 56.30) | #feb27b | hsl(25, 98%, 74%) |
|
|
| 500 | oklch(0.800 0.131 55.22) | #fea667 | hsl(25, 99%, 70%) |
|
|
| 600 | oklch(0.735 0.177 50.50) | #fe822a | hsl(25, 99%, 58%) |
|
|
| 700 | oklch(0.657 0.186 45.30) | #e96202 | hsl(25, 98%, 46%) |
|
|
| 800 | oklch(0.528 0.146 46.62) | #ac4901 | hsl(25, 99%, 34%) |
|
|
| 900 | oklch(0.388 0.104 48.42) | #6f2f01 | hsl(25, 98%, 22%) |
|
|
| 950 | oklch(0.236 0.059 54.21) | #331500 | hsl(25, 100%, 10%) |
|
dsfds
| 50 | oklch(0.970 0.055 97.26) | #fff6cc | hsl(49, 100%, 90%) |
|
|
| 100 | oklch(0.959 0.077 98.13) | #fff3b7 | hsl(50, 100%, 86%) |
|
|
| 200 | oklch(0.947 0.099 98.00) | #ffefa1 | hsl(50, 100%, 82%) |
|
|
| 300 | oklch(0.936 0.118 97.75) | #ffeb8c | hsl(50, 100%, 77%) |
|
|
| 400 | oklch(0.927 0.136 98.12) | #ffe876 | hsl(50, 100%, 73%) |
|
|
| 500 | oklch(0.917 0.151 97.65) | #ffe461 | hsl(50, 100%, 69%) |
|
|
| 600 | oklch(0.893 0.177 96.00) | #ffda25 | hsl(50, 100%, 57%) |
|
|
| 700 | oklch(0.819 0.168 93.69) | #e8c000 | hsl(50, 100%, 45%) |
|
|
| 800 | oklch(0.654 0.134 94.39) | #ab8e00 | hsl(50, 100%, 34%) |
|
|
| 900 | oklch(0.479 0.098 94.95) | #6f5c00 | hsl(50, 100%, 22%) |
|
|
| 950 | oklch(0.286 0.059 96.51) | #332a00 | hsl(49, 100%, 10%) |
|
dsfds
| 50 | oklch(0.949 0.028 109.13) | #eff0db | hsl(63, 41%, 90%) |
|
|
| 100 | oklch(0.922 0.044 108.65) | #e7e8c7 | hsl(62, 42%, 85%) |
|
|
| 200 | oklch(0.894 0.061 109.62) | #dee0b2 | hsl(63, 43%, 79%) |
|
|
| 300 | oklch(0.864 0.075 109.55) | #d5d79e | hsl(62, 42%, 73%) |
|
|
| 400 | oklch(0.837 0.090 109.60) | #cdcf8a | hsl(62, 42%, 68%) |
|
|
| 500 | oklch(0.809 0.104 110.35) | #c4c776 | hsl(62, 42%, 62%) |
|
|
| 600 | oklch(0.758 0.127 111.11) | #b4b850 | hsl(62, 42%, 52%) |
|
|
| 700 | oklch(0.649 0.111 110.94) | #92953d | hsl(62, 42%, 41%) |
|
|
| 800 | oklch(0.528 0.089 111.47) | #6d702e | hsl(63, 42%, 31%) |
|
|
| 900 | oklch(0.397 0.064 111.36) | #484a1e | hsl(63, 42%, 20%) |
|
|
| 950 | oklch(0.253 0.036 111.08) | #23240f | hsl(63, 41%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.038 81.51) | #faebd1 | hsl(38, 80%, 90%) |
|
|
| 100 | oklch(0.932 0.049 82.16) | #f9e6c4 | hsl(38, 82%, 87%) |
|
|
| 200 | oklch(0.916 0.059 80.45) | #f8e0b8 | hsl(38, 82%, 85%) |
|
|
| 300 | oklch(0.903 0.070 80.98) | #f7dbab | hsl(38, 83%, 82%) |
|
|
| 400 | oklch(0.887 0.078 80.46) | #f5d59f | hsl(38, 81%, 79%) |
|
|
| 500 | oklch(0.874 0.089 80.72) | #f4d092 | hsl(38, 82%, 76%) |
|
|
| 600 | oklch(0.807 0.131 78.26) | #eeb554 | hsl(38, 82%, 63%) |
|
|
| 700 | oklch(0.747 0.154 73.01) | #e79b17 | hsl(38, 82%, 50%) |
|
|
| 800 | oklch(0.595 0.121 74.07) | #a97211 | hsl(38, 82%, 36%) |
|
|
| 900 | oklch(0.432 0.086 74.09) | #6c480b | hsl(38, 82%, 23%) |
|
|
| 950 | oklch(0.252 0.046 78.14) | #2e1f05 | hsl(38, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
