Hello Summer
#55bbff
Sunlit sky blue with a softer warm tilt
About Hello Summer
Hello Summer reads lighter and airier than everything around it, it's the blue that actually looks like it's catching sunlight. Where Blue Mana and Cooler Than Ever still carry weight, this one sits noticeably higher on the brightness scale, almost like someone turned up the exposure on a summer sky. It's saturated enough to feel intentional, but not so much that it demands your attention the way Capri does.
You'll land here on light UI backgrounds, cards, and panels where you need a color that feels summery without going flat or washed out. Works in travel apps, lifestyle products, and wellness dashboards where that open, optimistic feeling matters. It pairs beautifully with medium grays and charcoal because the lightness actually creates contrast instead of fighting for presence. Weather apps, hospitality interfaces, anything where you're trying to make the interface itself feel inviting rather than serious.
On warmer monitors it stays true. On cooler displays it might cool off slightly, but it won't lose that lifted, airy quality that separates it from its darker siblings.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.