# Summer color palette ideas: five palettes with hex codes

[Canonical HTML page](https://gradiently.design/guide/summer-color-palettes)

Summer colour should feel like light, not like a highlighter pen. Five palettes drawn from real places and times of day, with codes, gradients and the layouts that keep them readable.

## The short version

- A summer color palette works best when its bright colours sit on an anchor, either a deep sea blue or plum, or a warm sand or limewash.
- Summer colours look cheap when every swatch is at full saturation, so keep one or two bright accents and let the rest be softer.
- Golden hour palettes run from honey through apricot and rosé to a dusky plum, which makes them ideal for gradients with a dark, readable base.
- Coastal and Mediterranean palettes pair a deep blue with sand, limewash or terracotta, and suit travel, hospitality and food brands.
- Tropical night palettes use deep violet with hibiscus pink and mango, which suits evening events, bars and festivals.

A **summer color palette** feels sunlit when bright colours have something to sit on. Pair coral, lemon or turquoise with either a deep anchor, such as sea blue or dusky plum, or a warm pale one, such as sand or limewash. Keep one or two colours bright and let the rest soften. The five palettes below come from places and times of day people associate with summer, each with hex codes and a gradient you can copy.

## Five summer palettes with hex codes

### Coastal

- Deep sea: #0b3954
- Lagoon: #087e8b
- Shallows: #7fc8c4
- Sand: #f2e3c6
- Coral: #ff6f59

Blue does the work, Sand gives the eye somewhere to rest, and Coral is the one warm flash. Good for swim, surf, travel and seaside hospitality.

### Golden hour

- Dusk: #3d1f3d
- Rosé: #c9485b
- Apricot: #f28f3b
- Honey: #ffc857
- Haze: #fff1d6

The last hour of sun before evening. It blends cleanly because every step is a close neighbour of the next, which makes it the easiest summer palette to turn into a gradient.

### Citrus grove

- Leaf: #2d4a22
- Lemon: #f9c80e
- Tangerine: #f86624
- Blood orange: #ea3546
- Pith: #fff4d6

Loud and cheerful. Leaf green is what stops it looking like a children's party: use it as the dark for type.

Two more for different briefs, laid out the same way.

| Palette | Anchor | Main colours | Accent | Suits |
| --- | --- | --- | --- | --- |
| Mediterranean | `#0d3b66` Aegean | `#faf0ca` limewash, `#7a9e7e` olive | `#c8553d` terracotta | Restaurants, wine, travel |
| Tropical night | `#10002b` night | `#3c096c` violet, `#ffd166` mango | `#ff4d6d` hibiscus | Bars, festivals, late events |

Mediterranean is the calmest summer palette here; Tropical night is the boldest.

## Summer gradients you can copy

Summer gradients are best when they behave like daylight: bright where the sun would be, deeper where shade falls. That shade is also where you put the words.

- Golden hour: `linear-gradient(180deg, #ffc857 0%, #f28f3b 35%, #c9485b 70%, #3d1f3d 100%)`
- Lagoon: `radial-gradient(circle at 30% 30%, #7fc8c4 0%, #087e8b 45%, #0b3954 100%)`
- Lemonade: `linear-gradient(135deg, #fff4d6 0%, #f9c80e 55%, #f86624 100%)`
- Aegean noon: `linear-gradient(180deg, #4f86c6 0%, #0d3b66 60%, #071f38 100%)`
- Terracotta sun: `radial-gradient(circle at 70% 25%, #f4d35e 0%, #c8553d 45%, #5c2a1f 100%)`
- Tropical night: `radial-gradient(circle at 80% 85%, #ff4d6d 0%, #3c096c 45%, #10002b 85%)`

Six summer gradients from the palettes above. Golden hour and Tropical night have dark bases that hold white type well.

Sunset blends are a whole family of their own; [sunset gradients](https://gradiently.design/guide/sunset-gradient) has more, and [ocean gradients](https://gradiently.design/guide/ocean-gradient) goes deeper into the blues.

## Bright colours without the glare

Summer briefs tempt everyone to turn saturation all the way up. The result vibrates on a phone screen, and colours placed side by side at full strength fight each other. Sunlit is different from neon. [Bright colour palettes](https://gradiently.design/guide/bright-color-palettes) covers the theory; the practical rules are short.

### Highlighter

- Five colours all at full saturation
- Pure cyan beside pure orange
- Yellow type on white
- No dark or pale colour to rest on

### Sunlit

- One or two bright accents, the rest softened
- Turquoise and coral separated by sand
- Dark type on yellow, or yellow on deep blue
- A clear anchor: sea, dusk, leaf or sand

> **Yellow is the hardest colour for text** Lemon and honey are light, so white type on them barely shows. Set dark text on yellow, or use yellow only for the words when the ground is deep blue, plum or leaf green.

## Which summer palette suits your business

The right palette depends less on the season than on what you sell and when people buy it. A wine bar does most of its summer trade after dark; a swim shop sells in the brightest part of the day. Match the light in the palette to the moment your customer is thinking about you.

| Business | Palette | Why it fits |
| --- | --- | --- |
| Café or ice cream shop | Citrus grove | Cheerful, daytime, and Lemon makes a natural highlight for a new flavour |
| Restaurant or wine bar | Mediterranean | Terracotta and olive feel like long lunches; Aegean holds a menu's worth of text |
| Hotel or holiday let | Coastal | Sea and sand say where you are before anyone reads a word |
| Salon, spa or skincare | Golden hour | Warm, flattering tones that sit well beside skin and product photos |
| Bar, club or festival | Tropical night | Built for evenings, with a deep ground that makes neon accents glow |
| Shop running a sale | Golden hour or Citrus | Bright enough to stop the scroll, with a dark base for prices |

A starting point, not a rule. Keep your brand colour as the accent whichever palette you choose.

Summer is also long enough to drift. Start June in the paler, fresher end of a palette, peak in July with its brightest accent, and let August grow warmer and a little deeper, so the step into autumn colours in September feels natural rather than abrupt. The darker autumn families are in [autumn colour palettes](https://gradiently.design/guide/autumn-color-palettes).

## What to post with a summer palette

- **Summer hours or a seasonal menu.** Coastal or Mediterranean, calm enough to carry several lines of detail.
- **A summer sale.** Citrus or Golden hour, with the discount in the accent colour. Formats are in [summer sale graphics](https://gradiently.design/guide/summer-sale-graphics).
- **Outdoor events and festivals.** Tropical night for evenings, Golden hour for daytime. See [festival season graphics](https://gradiently.design/guide/festival-season-graphics).
- **Holiday closures.** A simple Lagoon background with the dates large and nothing else.
- **Late August.** Begin cooling the palette towards autumn, and prepare for [back to school posts](https://gradiently.design/guide/back-to-school-posts) if that is your season.

A portrait summer sale post on a golden hour gradient from honey to dusky plum, with the headline on the darker area

A portrait sale post with the bright sun kept in a corner and the deep base behind the headline.

A vertical story promoting rooftop nights every Friday in July on a deep violet and hibiscus pink gradient

A story for an evening series, using the Tropical night mood.

If you would rather describe the post than build it, the Designer in Gradiently can do the first draft: tell it you need a summer hours post for a seaside café, and it writes the words, lays them out on your Mark and makes the story and square versions too. Every size comes from the one design, so the colour stays consistent across the campaign.

## Sizes for a summer campaign

- Instagram post 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920
- Facebook event cover 1920×1005: 1920 × 1005
- Pinterest pin 1000×1500: 1000 × 1500

Feed, story, event and pin. The light in each gradient should land in a corner on every one of these shapes.

## FAQ

### What colours are in a summer color palette?

Typically one deep anchor such as sea blue or plum, one or two bright accents such as coral, lemon or turquoise, and a warm pale colour like sand or limewash.

### What are good summer hex codes?

The Coastal palette uses `#0b3954`, `#087e8b`, `#7fc8c4`, `#f2e3c6` and `#ff6f59`. Golden hour uses `#3d1f3d`, `#c9485b`, `#f28f3b`, `#ffc857` and `#fff1d6`.

### How do I keep bright summer colours from looking cheap?

Keep only one or two colours at full saturation, soften the rest, and give the palette a clear dark or sandy anchor to sit on.

### What text colour works on yellow?

Dark text, such as deep blue, plum or leaf green. White type on yellow has very little contrast.

### Which summer palette works for a restaurant?

A Mediterranean palette of Aegean blue, limewash, olive and terracotta suits most restaurants. The deep blue holds menu text and the terracotta gives one warm accent.