Warm Sun-Kissed Color Palette
This palette exudes a warm, sun-kissed serenity with soft buttery yellows, gentle peachy tones, muted mauves, and cool, tranquil blues, creating a harmonious blend of cozy comfort and understated elegance.
Practical uses and creative applications
Introducing the Warm Sun-Kissed Color Palette, an inviting blend of soft yellows, warm peaches, muted mauves, and tranquil blues that evoke the serene warmth of a sunlit afternoon. This palette, featuring colors like #fef0a5 and #f8d28b, is perfect for branding and web design projects aiming to create an inviting and friendly atmosphere.
Ideal for businesses in the wellness, lifestyle, or hospitality sectors, these colors can help convey a sense of comfort and positivity that resonates with audiences seeking warmth and connection. Creatives can also leverage the Warm Sun-Kissed Color Palette in packaging design and interior decor, where its harmonious tones can transform spaces into cheerful, relaxing environments.
Designers focusing on home goods or artisanal products will find that this palette not only enhances the visual appeal but also creates a narrative of warmth and approachability. Whether you’re a graphic designer, interior stylist, or product developer, this color combination is sure to inspire a sense of joy and tranquility in your creations.
Embrace the essence of sunny afternoons and let these colors breathe life into your projects!.
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.971 0.055 99.49) | #fef7cd | hsl(51, 96%, 90%) |
|
|
| 100 | oklch(0.965 0.063 98.59) | #fef5c5 | hsl(51, 97%, 88%) |
|
|
| 200 | oklch(0.962 0.071 98.94) | #fef4bd | hsl(51, 97%, 87%) |
|
|
| 300 | oklch(0.958 0.080 99.23) | #fef3b5 | hsl(51, 97%, 85%) |
|
|
| 400 | oklch(0.953 0.087 98.62) | #fef1ad | hsl(50, 98%, 84%) |
|
|
| 500 | oklch(0.949 0.095 98.90) | #fef0a5 | hsl(51, 98%, 82%) |
|
|
| 600 | oklch(0.915 0.155 98.84) | #fde45c | hsl(51, 98%, 68%) |
|
|
| 700 | oklch(0.886 0.180 96.64) | #fcd813 | hsl(51, 97%, 53%) |
|
|
| 800 | oklch(0.730 0.150 95.97) | #c4a602 | hsl(51, 98%, 39%) |
|
|
| 900 | oklch(0.520 0.107 96.43) | #7b6801 | hsl(51, 98%, 24%) |
|
|
| 950 | oklch(0.288 0.059 99.46) | #322b01 | hsl(51, 96%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.042 82.49) | #fceccf | hsl(39, 88%, 90%) |
|
|
| 100 | oklch(0.935 0.054 83.45) | #fbe7c1 | hsl(39, 88%, 87%) |
|
|
| 200 | oklch(0.921 0.065 83.55) | #fae2b4 | hsl(39, 88%, 84%) |
|
|
| 300 | oklch(0.909 0.078 83.18) | #fadda6 | hsl(39, 89%, 82%) |
|
|
| 400 | oklch(0.894 0.087 82.12) | #f9d799 | hsl(39, 89%, 79%) |
|
|
| 500 | oklch(0.881 0.099 82.42) | #f8d28b | hsl(39, 89%, 76%) |
|
|
| 600 | oklch(0.821 0.140 79.69) | #f4b94c | hsl(39, 88%, 63%) |
|
|
| 700 | oklch(0.764 0.160 73.66) | #eea00e | hsl(39, 89%, 49%) |
|
|
| 800 | oklch(0.610 0.126 74.54) | #af760b | hsl(39, 88%, 36%) |
|
|
| 900 | oklch(0.442 0.090 75.98) | #6f4b07 | hsl(39, 88%, 23%) |
|
|
| 950 | oklch(0.257 0.049 78.91) | #302003 | hsl(39, 88%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.026 58.28) | #f5e3d6 | hsl(25, 61%, 90%) |
|
|
| 100 | oklch(0.900 0.036 59.18) | #f1d9c7 | hsl(26, 60%, 86%) |
|
|
| 200 | oklch(0.875 0.047 58.67) | #eecfb8 | hsl(26, 61%, 83%) |
|
|
| 300 | oklch(0.848 0.057 59.02) | #eac5a9 | hsl(26, 61%, 79%) |
|
|
| 400 | oklch(0.823 0.068 58.51) | #e7bb9a | hsl(26, 62%, 75%) |
|
|
| 500 | oklch(0.797 0.078 58.59) | #e3b18b | hsl(26, 61%, 72%) |
|
|
| 600 | oklch(0.711 0.113 57.05) | #d78f58 | hsl(26, 61%, 59%) |
|
|
| 700 | oklch(0.620 0.130 54.34) | #c16e2f | hsl(26, 61%, 47%) |
|
|
| 800 | oklch(0.499 0.103 54.55) | #8f5122 | hsl(26, 62%, 35%) |
|
|
| 900 | oklch(0.369 0.072 54.96) | #5c3416 | hsl(26, 61%, 22%) |
|
|
| 950 | oklch(0.226 0.037 55.45) | #29170a | hsl(25, 61%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.010 335.49) | #e9e2e7 | hsl(317, 14%, 90%) |
|
|
| 100 | oklch(0.872 0.015 338.96) | #dcd1d8 | hsl(322, 14%, 84%) |
|
|
| 200 | oklch(0.822 0.021 335.74) | #cec0ca | hsl(317, 13%, 78%) |
|
|
| 300 | oklch(0.773 0.026 337.94) | #c1afbb | hsl(320, 13%, 72%) |
|
|
| 400 | oklch(0.723 0.033 337.49) | #b49ead | hsl(319, 13%, 66%) |
|
|
| 500 | oklch(0.672 0.039 338.98) | #a78d9e | hsl(321, 13%, 60%) |
|
|
| 600 | oklch(0.584 0.051 340.35) | #917085 | hsl(322, 13%, 50%) |
|
|
| 700 | oklch(0.498 0.044 338.97) | #74596b | hsl(320, 13%, 40%) |
|
|
| 800 | oklch(0.409 0.034 339.64) | #574350 | hsl(321, 13%, 30%) |
|
|
| 900 | oklch(0.315 0.023 341.09) | #3a2d35 | hsl(323, 13%, 20%) |
|
|
| 950 | oklch(0.211 0.015 336.50) | #1d161b | hsl(317, 14%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.009 264.52) | #e1e4ea | hsl(220, 18%, 90%) |
|
|
| 100 | oklch(0.857 0.016 266.26) | #cbd0db | hsl(221, 18%, 83%) |
|
|
| 200 | oklch(0.794 0.023 265.73) | #b5bccb | hsl(221, 17%, 75%) |
|
|
| 300 | oklch(0.734 0.029 265.38) | #a0a9bc | hsl(221, 17%, 68%) |
|
|
| 400 | oklch(0.669 0.036 265.11) | #8a95ac | hsl(221, 17%, 61%) |
|
|
| 500 | oklch(0.603 0.045 265.47) | #74819d | hsl(221, 17%, 54%) |
|
|
| 600 | oklch(0.528 0.045 266.12) | #5f6b86 | hsl(222, 17%, 45%) |
|
|
| 700 | oklch(0.453 0.038 265.75) | #4c566c | hsl(221, 17%, 36%) |
|
|
| 800 | oklch(0.376 0.031 267.40) | #3a4152 | hsl(223, 17%, 27%) |
|
|
| 900 | oklch(0.296 0.022 262.52) | #272d38 | hsl(219, 18%, 19%) |
|
|
| 950 | oklch(0.209 0.013 264.25) | #15181e | hsl(220, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
