Summer color palettes

Bright, high-sun colors: citrus, pool blue, watermelon and sand. 51 palettes, each with HEX codes.

Most common colors in summer color palettes

Bright, high-sun colors: citrus, pool blue, watermelon and sand. Across all 51 summer palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.

Summer color palette hex codes

PaletteHex codes
Sorbet Shelf#F6C9C4 #F9E2B6 #CDE8C9 #C3D9F2 #DCCBEE
Salt Flats#F4EDE1 #E7CFA8 #D89A6A #5E9EA0 #1F4E5F
Pool Road Trip#2E1A00 #825300 #CF9137 #FFE7C9
Pool Festival#073B4C #EF476F #FFB347 #FFE066 #FFF3D6
Aerial Sail#0B3C6D #1D6FB8 #F9844A #A7D3F5 #FFFFFF
Sunhat Weekend#002A38 #006E78 #51B7AC #B7FEDF
Papaya and Lemonade#002824 #5D343E #008177 #CA83B6 #F2B3A0 #DFF4F0
Popsicle Night#073B4C #EF476F #569CC3 #FFE066 #FFF9EF

Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.

How to use a summer color palette

  • Start from one palette that already feels like summer, then adjust single colors in the generator rather than mixing palettes.
  • Give each color a job: background, text, primary action and highlight.
  • Keep one neutral (off-white, sand or charcoal) to rest the eye between stronger colors.
  • Check that your main text color reaches 4.5:1 contrast on its background.

Summer color palettes for clothes and makeup

Looking for the summer palette from seasonal color analysis instead? Color analysis has three Summer types, each with its own palette of flattering colors. See the color analysis guide or take the color analysis quiz.

Frequently asked questions

What colors are in a summer color palette?

The colors used most across these summer palettes are Midnight Green, Topaz, Anti-Flash White, Blue NCS, Chocolate Brown and Dark Blue Grey. Bright, high-sun colors: citrus, pool blue, watermelon and sand.

How many summer color palettes are there?

There are 51 curated summer palettes on this page, each with hex codes and free exports.

Can I edit a summer palette?

Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.