Breezy Summer Color Palette
This palette radiates a breezy, sun-kissed joy, blending soft aqua blues and sunny yellows with warm coral accents for a fresh, playful summer vibe.
Practical uses and creative applications
The Breezy Summer Color Palette is a refreshing blend of soft blues, sunny yellows, and coral tones, perfect for evoking the lighthearted spirit of summer. Featuring colors like #affbff, #d2fdfe, #fefac2, #febf97, and #fe6960, this palette can be seamlessly integrated into various design projects, from branding to web design.
Ideal for summer-themed campaigns, travel websites, or lifestyle brands, it brings a sense of warmth and vibrancy that appeals to audiences seeking a cheerful and inviting aesthetic. This palette is especially suited for creatives looking to breathe life into their projects.
Designers can use the Breezy Summer Color Palette to create eye-catching packaging that stands out on shelves or to craft engaging social media graphics that capture the essence of sunny days. Additionally, interior designers can incorporate these colors into spaces meant for relaxation and leisure, creating an atmosphere that feels both playful and tranquil.
Whether you're targeting young adults, families, or anyone drawn to the joys of summer, this palette promises to inspire and uplift.
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.959 0.049 201.08) | #ccfcff | hsl(184, 100%, 90%) |
|
|
| 100 | oklch(0.955 0.055 200.50) | #c6fcff | hsl(183, 100%, 89%) |
|
|
| 200 | oklch(0.952 0.060 200.03) | #c0fcff | hsl(183, 100%, 88%) |
|
|
| 300 | oklch(0.949 0.065 199.69) | #bbfcff | hsl(183, 100%, 87%) |
|
|
| 400 | oklch(0.943 0.069 200.51) | #b5fbff | hsl(183, 100%, 85%) |
|
|
| 500 | oklch(0.940 0.075 200.12) | #affbff | hsl(183, 100%, 84%) |
|
|
| 600 | oklch(0.900 0.125 200.20) | #63f7ff | hsl(183, 100%, 69%) |
|
|
| 700 | oklch(0.878 0.147 201.29) | #17f3ff | hsl(183, 100%, 55%) |
|
|
| 800 | oklch(0.735 0.125 202.10) | #00c0cb | hsl(183, 100%, 40%) |
|
|
| 900 | oklch(0.521 0.089 201.95) | #00787f | hsl(183, 100%, 25%) |
|
|
| 950 | oklch(0.281 0.048 201.42) | #003033 | hsl(184, 100%, 10%) |
|
dsfds
| 50 | oklch(0.961 0.049 197.94) | #cdfdfe | hsl(181, 96%, 90%) |
|
|
| 100 | oklch(0.962 0.048 197.99) | #cefdfe | hsl(181, 96%, 90%) |
|
|
| 200 | oklch(0.962 0.047 198.04) | #cffdfe | hsl(181, 96%, 90%) |
|
|
| 300 | oklch(0.963 0.046 198.09) | #d0fdfe | hsl(181, 96%, 91%) |
|
|
| 400 | oklch(0.964 0.045 198.14) | #d1fdfe | hsl(181, 96%, 91%) |
|
|
| 500 | oklch(0.964 0.044 198.19) | #d2fdfe | hsl(181, 96%, 91%) |
|
|
| 600 | oklch(0.914 0.109 197.59) | #81f9fc | hsl(181, 95%, 75%) |
|
|
| 700 | oklch(0.886 0.144 197.07) | #30f6fa | hsl(181, 95%, 58%) |
|
|
| 800 | oklch(0.776 0.131 197.90) | #05cfd4 | hsl(181, 95%, 43%) |
|
|
| 900 | oklch(0.545 0.092 197.70) | #038083 | hsl(181, 96%, 26%) |
|
|
| 950 | oklch(0.284 0.048 197.01) | #013132 | hsl(181, 96%, 10%) |
|
dsfds
| 50 | oklch(0.979 0.059 104.35) | #fefbcd | hsl(56, 96%, 90%) |
|
|
| 100 | oklch(0.979 0.062 104.52) | #fefbcb | hsl(56, 96%, 90%) |
|
|
| 200 | oklch(0.978 0.066 104.75) | #fefbc8 | hsl(57, 96%, 89%) |
|
|
| 300 | oklch(0.976 0.067 103.91) | #fefac6 | hsl(56, 97%, 89%) |
|
|
| 400 | oklch(0.975 0.069 104.08) | #fefac4 | hsl(56, 97%, 88%) |
|
|
| 500 | oklch(0.975 0.072 104.24) | #fefac2 | hsl(56, 97%, 88%) |
|
|
| 600 | oklch(0.950 0.149 105.21) | #fdf474 | hsl(56, 97%, 72%) |
|
|
| 700 | oklch(0.928 0.190 105.02) | #fbed26 | hsl(56, 96%, 57%) |
|
|
| 800 | oklch(0.796 0.168 104.68) | #cec103 | hsl(56, 97%, 41%) |
|
|
| 900 | oklch(0.562 0.119 104.92) | #807802 | hsl(56, 97%, 25%) |
|
|
| 950 | oklch(0.299 0.063 105.71) | #322f01 | hsl(56, 96%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.044 54.89) | #ffe0cc | hsl(24, 100%, 90%) |
|
|
| 100 | oklch(0.910 0.052 53.75) | #fed9c2 | hsl(23, 97%, 88%) |
|
|
| 200 | oklch(0.897 0.061 54.84) | #fed3b7 | hsl(24, 97%, 86%) |
|
|
| 300 | oklch(0.881 0.071 54.19) | #feccac | hsl(23, 98%, 84%) |
|
|
| 400 | oklch(0.868 0.080 54.13) | #fec6a2 | hsl(23, 98%, 82%) |
|
|
| 500 | oklch(0.853 0.090 53.57) | #febf97 | hsl(23, 98%, 79%) |
|
|
| 600 | oklch(0.765 0.150 51.23) | #fd9451 | hsl(23, 98%, 65%) |
|
|
| 700 | oklch(0.697 0.199 44.16) | #fd690b | hsl(23, 98%, 52%) |
|
|
| 800 | oklch(0.561 0.164 43.54) | #bf4b02 | hsl(23, 98%, 38%) |
|
|
| 900 | oklch(0.407 0.114 45.69) | #793001 | hsl(24, 98%, 24%) |
|
|
| 950 | oklch(0.234 0.060 52.46) | #331400 | hsl(24, 100%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.055 22.40) | #ffcfcc | hsl(4, 100%, 90%) |
|
|
| 100 | oklch(0.854 0.079 22.67) | #ffbbb7 | hsl(3, 100%, 86%) |
|
|
| 200 | oklch(0.811 0.105 23.20) | #fea6a1 | hsl(3, 98%, 81%) |
|
|
| 300 | oklch(0.773 0.131 24.48) | #fe928b | hsl(4, 98%, 77%) |
|
|
| 400 | oklch(0.737 0.159 24.86) | #fe7d76 | hsl(3, 99%, 73%) |
|
|
| 500 | oklch(0.706 0.184 26.30) | #fe6960 | hsl(3, 99%, 69%) |
|
|
| 600 | oklch(0.645 0.239 29.13) | #fe3125 | hsl(3, 99%, 57%) |
|
|
| 700 | oklch(0.582 0.235 29.73) | #e50e01 | hsl(3, 99%, 45%) |
|
|
| 800 | oklch(0.467 0.187 29.93) | #aa0b01 | hsl(4, 99%, 34%) |
|
|
| 900 | oklch(0.342 0.135 30.26) | #6e0701 | hsl(3, 98%, 22%) |
|
|
| 950 | oklch(0.207 0.078 32.03) | #330300 | hsl(4, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
