Hello Summer

A jewel-tone 5-color palette built around Hello Summer (#50bbff), Sugarloaf Brown (#5b4600), and Martian Ironearth (#c45b4c), with a bold feel throughout.

jewel-tonebold
Visualize
:root {
  --color-1: #50bbff;
  --color-2: #b54d3f;
  --color-3: #5b4600;
  --color-4: #028acb;
  --color-5: #c45b4c;
}

.ASE works in Adobe apps and several others that adopted the format. .sketchpalette imports into Sketch. .swatches (Procreate) follows a community-documented structure, since Procreate doesn't publish an official spec, so treat it as best-effort. .pptx is a real PowerPoint file with the palette applied as the deck's theme colors (not just two sample slides); Keynote opens .pptx files directly too.

Hello Summer FAQ

What colors are in Hello Summer?

Hello Summer uses 5 colors: Hello Summer, Teaberry Blossom, Sugarloaf Brown, Azul Caribe, Martian Ironearth.

Is Hello Summer accessible for text and backgrounds?

The highest-contrast pair in this palette is Hello Summer on Sugarloaf Brown, at 4.3:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Hello Summer in a project?

Copy the hex codes above, or open Hello Summer in the generator to remix it and export as CSS, Tailwind, or JSON.