Sun-Kissed Summer Color Palette
This palette radiates a sun-kissed, cheerful energy with vibrant yellows and soft greens, evoking a breezy, relaxed vibe perfect for a summer garden party.
Practical uses and creative applications
The Sun-Kissed Summer Color Palette is a vibrant collection that captures the essence of sunny days and warm breezes. Featuring cheerful shades like the bright yellow #f9d423 and soft green #e1f5c4, this palette is ideal for branding and web design projects that aim to evoke feelings of joy and freshness.
Whether you are creating a playful website for a summer event or refreshing your brand’s identity, these colors can help communicate a lively and inviting atmosphere. This palette is particularly suited for creatives such as graphic designers, interior decorators, and packaging specialists looking to instill a sense of warmth and optimism in their work.
Imagine using the calming teal #79b7b4 for a spa's interior design or the sunny yellow #ede574 for eye-catching product packaging. The Sun-Kissed Summer Color Palette is versatile enough to enhance various styles, from modern minimalism to bohemian chic, making it an excellent choice for anyone looking to bring a touch of summer into their 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.967 0.053 96.74) | #fef5cd | hsl(49, 96%, 90%) |
|
|
| 100 | oklch(0.948 0.087 97.91) | #fdefab | hsl(50, 95%, 83%) |
|
|
| 200 | oklch(0.927 0.118 97.75) | #fce889 | hsl(50, 95%, 76%) |
|
|
| 300 | oklch(0.908 0.143 97.38) | #fbe167 | hsl(49, 95%, 69%) |
|
|
| 400 | oklch(0.892 0.163 97.07) | #fadb45 | hsl(50, 95%, 63%) |
|
|
| 500 | oklch(0.876 0.174 95.65) | #f9d423 | hsl(50, 95%, 56%) |
|
|
| 600 | oklch(0.818 0.167 94.01) | #e7c006 | hsl(50, 95%, 46%) |
|
|
| 700 | oklch(0.695 0.142 93.88) | #ba9a05 | hsl(49, 95%, 37%) |
|
|
| 800 | oklch(0.568 0.115 95.09) | #8c7504 | hsl(50, 94%, 28%) |
|
|
| 900 | oklch(0.431 0.087 95.27) | #5f4f03 | hsl(50, 94%, 19%) |
|
|
| 950 | oklch(0.283 0.057 95.94) | #322901 | hsl(49, 96%, 10%) |
|
dsfds
| 50 | oklch(0.968 0.048 104.72) | #f9f7d2 | hsl(57, 76%, 90%) |
|
|
| 100 | oklch(0.955 0.067 103.93) | #f7f3bf | hsl(56, 78%, 86%) |
|
|
| 200 | oklch(0.942 0.087 105.10) | #f4f0ac | hsl(57, 77%, 82%) |
|
|
| 300 | oklch(0.930 0.103 104.63) | #f2ec9a | hsl(56, 77%, 78%) |
|
|
| 400 | oklch(0.918 0.120 105.45) | #efe987 | hsl(57, 76%, 73%) |
|
|
| 500 | oklch(0.906 0.135 105.13) | #ede574 | hsl(56, 77%, 69%) |
|
|
| 600 | oklch(0.874 0.167 105.26) | #e6db3f | hsl(56, 77%, 57%) |
|
|
| 700 | oklch(0.799 0.164 104.89) | #cec21b | hsl(56, 77%, 46%) |
|
|
| 800 | oklch(0.638 0.130 104.86) | #988f14 | hsl(56, 77%, 34%) |
|
|
| 900 | oklch(0.470 0.094 104.84) | #635d0d | hsl(56, 77%, 22%) |
|
|
| 950 | oklch(0.283 0.054 106.30) | #2d2b06 | hsl(57, 76%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.051 125.34) | #e9f8d3 | hsl(84, 73%, 90%) |
|
|
| 100 | oklch(0.954 0.054 125.59) | #e7f7d0 | hsl(85, 71%, 89%) |
|
|
| 200 | oklch(0.953 0.058 125.43) | #e6f7cd | hsl(84, 72%, 89%) |
|
|
| 300 | oklch(0.949 0.061 125.65) | #e4f6ca | hsl(85, 71%, 88%) |
|
|
| 400 | oklch(0.947 0.065 125.52) | #e3f6c7 | hsl(84, 72%, 87%) |
|
|
| 500 | oklch(0.943 0.068 125.73) | #e1f5c4 | hsl(84, 71%, 86%) |
|
|
| 600 | oklch(0.884 0.141 127.30) | #bfea81 | hsl(85, 71%, 71%) |
|
|
| 700 | oklch(0.828 0.195 129.45) | #9dde3f | hsl(85, 71%, 56%) |
|
|
| 800 | oklch(0.693 0.178 130.50) | #75b11e | hsl(84, 71%, 41%) |
|
|
| 900 | oklch(0.492 0.123 130.02) | #496e13 | hsl(84, 71%, 25%) |
|
|
| 950 | oklch(0.270 0.062 128.88) | #1d2c07 | hsl(84, 73%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.023 157.58) | #ddeee3 | hsl(141, 33%, 90%) |
|
|
| 100 | oklch(0.914 0.030 157.86) | #d3e9db | hsl(142, 33%, 87%) |
|
|
| 200 | oklch(0.895 0.035 158.62) | #cae4d4 | hsl(143, 33%, 84%) |
|
|
| 300 | oklch(0.878 0.043 157.96) | #c0e0cc | hsl(143, 34%, 82%) |
|
|
| 400 | oklch(0.859 0.049 157.17) | #b7dbc4 | hsl(142, 33%, 79%) |
|
|
| 500 | oklch(0.839 0.056 157.14) | #add6bc | hsl(142, 33%, 76%) |
|
|
| 600 | oklch(0.753 0.089 155.55) | #80c097 | hsl(142, 34%, 63%) |
|
|
| 700 | oklch(0.665 0.115 154.15) | #54a873 | hsl(142, 33%, 49%) |
|
|
| 800 | oklch(0.533 0.091 153.76) | #3e7c54 | hsl(141, 33%, 36%) |
|
|
| 900 | oklch(0.390 0.063 154.78) | #274f36 | hsl(143, 34%, 23%) |
|
|
| 950 | oklch(0.233 0.031 154.81) | #112217 | hsl(141, 33%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.016 192.07) | #deedec | hsl(176, 29%, 90%) |
|
|
| 100 | oklch(0.895 0.025 193.65) | #cae2e1 | hsl(178, 29%, 84%) |
|
|
| 200 | oklch(0.856 0.037 192.22) | #b5d8d6 | hsl(177, 31%, 78%) |
|
|
| 300 | oklch(0.816 0.046 192.83) | #a1cdcb | hsl(177, 31%, 72%) |
|
|
| 400 | oklch(0.776 0.055 191.68) | #8dc2bf | hsl(177, 30%, 66%) |
|
|
| 500 | oklch(0.737 0.064 191.99) | #79b7b4 | hsl(177, 30%, 60%) |
|
|
| 600 | oklch(0.672 0.076 191.06) | #59a5a1 | hsl(177, 30%, 50%) |
|
|
| 700 | oklch(0.571 0.064 191.38) | #478481 | hsl(177, 30%, 40%) |
|
|
| 800 | oklch(0.466 0.051 191.92) | #356361 | hsl(177, 30%, 30%) |
|
|
| 900 | oklch(0.355 0.036 192.91) | #244241 | hsl(178, 29%, 20%) |
|
|
| 950 | oklch(0.234 0.021 190.52) | #122120 | hsl(176, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
