Warm Sun-Kissed Color Palette
This palette radiates a warm, sun-kissed serenity, blending earthy taupe with soft buttery yellows and creamy pastels, evoking a cozy, uplifting vibe perfect for a cheerful, inviting space.
Practical uses and creative applications
The Warm Sun-Kissed Color Palette is a delightful blend of soft yellows and earthy neutrals, perfect for creating an inviting and cheerful atmosphere in various design contexts. Featuring shades like #FFE066 and #FFF2B0, this palette brings a sense of warmth and comfort that can be ideal for branding and web design projects aimed at lifestyle brands, wellness products, or children’s services.
Its cheerful hues evoke a sense of happiness and positivity, making it a great choice for designers looking to create an uplifting user experience. This palette is particularly suited for creatives working on packaging designs that need to stand out while conveying a sense of joy and ease.
The soft tones, such as #FFE59A and #FFF7C2, work beautifully together to create a cohesive look that resonates with eco-friendly and artisanal brands. Whether you're designing a trendy café's interior or crafting a playful website, the Warm Sun-Kissed Color Palette can help you capture the essence of sunshine and warmth, providing an inviting backdrop that encourages engagement and connection.
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.923 0.001 17.18) | #e6e5e5 | hsl(0, 2%, 90%) |
|
|
| 100 | oklch(0.829 0.003 17.23) | #c9c6c6 | hsl(0, 3%, 78%) |
|
|
| 200 | oklch(0.735 0.005 17.26) | #aca8a8 | hsl(0, 2%, 67%) |
|
|
| 300 | oklch(0.635 0.007 17.35) | #8f8989 | hsl(0, 3%, 55%) |
|
|
| 400 | oklch(0.533 0.008 17.39) | #716b6b | hsl(0, 3%, 43%) |
|
|
| 500 | oklch(0.428 0.005 17.36) | #524e4e | hsl(0, 3%, 31%) |
|
|
| 600 | oklch(0.387 0.005 17.39) | #474343 | hsl(0, 3%, 27%) |
|
|
| 700 | oklch(0.348 0.004 17.36) | #3c3939 | hsl(0, 3%, 23%) |
|
|
| 800 | oklch(0.303 0.003 17.32) | #302e2e | hsl(0, 2%, 18%) |
|
|
| 900 | oklch(0.258 0.003 17.35) | #252323 | hsl(0, 3%, 14%) |
|
|
| 950 | oklch(0.215 0.002 17.28) | #1a1919 | hsl(0, 2%, 10%) |
|
| 50 | oklch(0.968 0.054 95.87) | #fff5cc | hsl(48, 100%, 90%) |
|
|
| 100 | oklch(0.956 0.074 95.93) | #fff1b8 | hsl(48, 100%, 86%) |
|
|
| 200 | oklch(0.942 0.094 95.29) | #ffeca3 | hsl(48, 100%, 82%) |
|
|
| 300 | oklch(0.931 0.112 95.34) | #ffe88f | hsl(48, 100%, 78%) |
|
|
| 400 | oklch(0.920 0.129 95.37) | #ffe47a | hsl(48, 100%, 74%) |
|
|
| 500 | oklch(0.910 0.144 95.11) | #ffe066 | hsl(48, 100%, 70%) |
|
|
| 600 | oklch(0.882 0.172 93.13) | #ffd429 | hsl(48, 100%, 58%) |
|
|
| 700 | oklch(0.812 0.166 89.98) | #ebbb00 | hsl(48, 100%, 46%) |
|
|
| 800 | oklch(0.648 0.132 90.69) | #ad8a00 | hsl(48, 100%, 34%) |
|
|
| 900 | oklch(0.474 0.097 91.27) | #705900 | hsl(48, 100%, 22%) |
|
|
| 950 | oklch(0.284 0.058 94.73) | #332900 | hsl(48, 100%, 10%) |
|
| 50 | oklch(0.962 0.051 91.37) | #fff2cc | hsl(45, 100%, 90%) |
|
|
| 100 | oklch(0.954 0.061 90.79) | #ffefc2 | hsl(44, 100%, 88%) |
|
|
| 200 | oklch(0.948 0.071 91.53) | #ffedb8 | hsl(45, 100%, 86%) |
|
|
| 300 | oklch(0.940 0.080 91.04) | #ffeaae | hsl(44, 100%, 84%) |
|
|
| 400 | oklch(0.934 0.089 91.56) | #ffe8a4 | hsl(45, 100%, 82%) |
|
|
| 500 | oklch(0.927 0.098 91.10) | #ffe59a | hsl(45, 100%, 80%) |
|
|
| 600 | oklch(0.882 0.151 89.84) | #ffd352 | hsl(45, 100%, 66%) |
|
|
| 700 | oklch(0.842 0.171 84.35) | #ffc00b | hsl(45, 100%, 52%) |
|
|
| 800 | oklch(0.683 0.140 83.74) | #c29000 | hsl(45, 100%, 38%) |
|
|
| 900 | oklch(0.491 0.101 84.66) | #7b5b00 | hsl(44, 100%, 24%) |
|
|
| 950 | oklch(0.276 0.056 89.07) | #332600 | hsl(45, 100%, 10%) |
|
| 50 | oklch(0.972 0.056 98.59) | #fff7cc | hsl(51, 100%, 90%) |
|
|
| 100 | oklch(0.968 0.062 98.59) | #fff6c6 | hsl(51, 100%, 89%) |
|
|
| 200 | oklch(0.965 0.068 98.41) | #fff5c1 | hsl(50, 100%, 88%) |
|
|
| 300 | oklch(0.962 0.074 98.43) | #fff4bb | hsl(50, 100%, 87%) |
|
|
| 400 | oklch(0.959 0.079 98.29) | #fff3b6 | hsl(50, 100%, 86%) |
|
|
| 500 | oklch(0.956 0.085 98.32) | #fff2b0 | hsl(50, 100%, 85%) |
|
|
| 600 | oklch(0.919 0.149 97.95) | #ffe564 | hsl(50, 100%, 70%) |
|
|
| 700 | oklch(0.891 0.180 95.88) | #ffd918 | hsl(50, 100%, 55%) |
|
|
| 800 | oklch(0.745 0.153 94.94) | #cbaa00 | hsl(50, 100%, 40%) |
|
|
| 900 | oklch(0.529 0.109 95.30) | #7f6a00 | hsl(50, 100%, 25%) |
|
|
| 950 | oklch(0.289 0.060 98.23) | #332b00 | hsl(51, 100%, 10%) |
|
| 50 | oklch(0.974 0.057 99.87) | #fff8cc | hsl(52, 100%, 90%) |
|
|
| 100 | oklch(0.973 0.060 100.23) | #fff8ca | hsl(52, 100%, 90%) |
|
|
| 200 | oklch(0.973 0.062 100.56) | #fff8c8 | hsl(52, 100%, 89%) |
|
|
| 300 | oklch(0.972 0.065 100.87) | #fff8c6 | hsl(53, 100%, 89%) |
|
|
| 400 | oklch(0.970 0.066 100.08) | #fff7c4 | hsl(52, 100%, 88%) |
|
|
| 500 | oklch(0.970 0.068 100.39) | #fff7c2 | hsl(52, 100%, 88%) |
|
|
| 600 | oklch(0.937 0.144 101.08) | #ffed72 | hsl(52, 100%, 72%) |
|
|
| 700 | oklch(0.909 0.183 99.45) | #ffe223 | hsl(52, 100%, 57%) |
|
|
| 800 | oklch(0.779 0.161 98.50) | #d2b700 | hsl(52, 100%, 41%) |
|
|
| 900 | oklch(0.549 0.113 98.11) | #837100 | hsl(52, 100%, 26%) |
|
|
| 950 | oklch(0.292 0.061 99.88) | #332c00 | hsl(52, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
