Skip to content
Diner Summer Retro mesh gradient: Vanilla Cream #F8ECD5, Saffron #EAAC2B, Burnt Orange #D55C29, Peacock #2F6C75, Tobacco #6D442B

Gradient No. 218 · Nov 7, 2026

Diner Summer mesh gradient

Diner Summer is a retro mesh gradient made of 5 colors: Vanilla Cream (#F8ECD5), Saffron (#EAAC2B), Burnt Orange (#D55C29), Peacock (#2F6C75), Tobacco (#6D442B). Download it free as PNG or SVG, or open it in the generator to move the colors.

Colors and codes

Colour codes of this palette
ColorHEXRGBHSLCMYK
Vanilla Cream
Saffron
Burnt Orange
Peacock
Tobacco
  • Retro
  • #orange
  • #teal
  • #brown
  • #warm

About Diner Summer

Retro palettes bring back the mustard, orange, teal and brown of the 60s and 70s, for posters, T-shirts, stickers and playful brands.

The colors blend from Vanilla Cream to Tobacco: Vanilla Cream (#F8ECD5), Saffron (#EAAC2B), Burnt Orange (#D55C29), Peacock (#2F6C75), Tobacco (#6D442B). Soft blends like this work behind text, so keep words in the darkest or lightest color for contrast.

  • Website heroes and app backgrounds.
  • Phone and desktop wallpapers.
  • Social posts, stories and thumbnails.
  • Posters, covers and print backgrounds.

Readable text pairs

The pairs from this set with the strongest contrast, with their WCAG ratio: AAA and AA are safe for body text.

  • AaVanilla Cream on Tobacco7.1:1 · AAA
  • AaVanilla Cream on Peacock5.1:1 · AA
  • AaSaffron on Tobacco4.2:1 · AA large text
  • AaVanilla Cream on Burnt Orange3.3:1 · AA large text

More retro gradients

All retro gradients →
Arcade Motel Retro mesh gradient: Vanilla Cream #F7EDD7, Mustard #DDB133, Lagoon #33A39B, Burnt Orange #DE6D39, Chestnut #6F3A29

Arcade Motel mesh gradient

Retro · orange · yellow · teal · warm

Vanilla Cream #F7EDD7 · Mustard #DDB133 · Lagoon #33A39B · Burnt Orange #DE6D39 · Chestnut #6F3A29

Groovy Summer Retro mesh gradient: Vanilla Cream #F5E6C9, Honey #E2B859, Tomato #D44D2B, Teal #2C8079, Chestnut #623B26

Groovy Summer mesh gradient

Retro · orange · yellow · teal · warm

Vanilla Cream #F5E6C9 · Honey #E2B859 · Tomato #D44D2B · Teal #2C8079 · Chestnut #623B26

Arcade Kitchen Retro mesh gradient: Vanilla Cream #F8EDD2, Honey #ECBE4E, Burnt Orange #CE662B, Teal #308182, Tobacco #684627

Arcade Kitchen mesh gradient

Retro · yellow · orange · teal · warm

Vanilla Cream #F8EDD2 · Honey #ECBE4E · Burnt Orange #CE662B · Teal #308182 · Tobacco #684627

Diner Lounge Retro mesh gradient: Vanilla Cream #F4EDD8, Honey #E6BA52, Lagoon #32A093, Persimmon #E45A2D, Chestnut #6F3B27

Diner Lounge mesh gradient

Retro · yellow · teal · orange · warm

Vanilla Cream #F4EDD8 · Honey #E6BA52 · Lagoon #32A093 · Persimmon #E45A2D · Chestnut #6F3B27

Mod Wallpaper Retro mesh gradient: Vanilla Cream #F6EDD0, Honey #E3BA46, Scarlet #E64721, Lagoon #2C8D84, Tobacco #66442A

Mod Wallpaper mesh gradient

Retro · yellow · orange · teal · warm

Vanilla Cream #F6EDD0 · Honey #E3BA46 · Scarlet #E64721 · Lagoon #2C8D84 · Tobacco #66442A

Diner Kitchen Retro mesh gradient: Vanilla Cream #F2EAD2, Honey #E6AD4C, Persimmon #E76330, Teal #2D8693, Mocha #684230

Diner Kitchen mesh gradient

Retro · yellow · orange · teal · warm

Vanilla Cream #F2EAD2 · Honey #E6AD4C · Persimmon #E76330 · Teal #2D8693 · Mocha #684230