paletta
PALETTE GALLERY

Retro 70s color palette

The 1970s palette is a specific, recognizable set: mustard, rust, and avocado green together, a combination that reads as period-accurate rather than generic warm or earthy. This set keeps all three at matched saturation against a cream retro background.

Updated 2026-07-15

  • MustardAccent
    #E3A018
  • RustPrimary
    #B5541D
  • Avocado GreenHighlight
    #6B8E4E
  • Harvest CreamSurface
    #D9CBA3
  • Chocolate InkText
    #4A2E2A
  • Cream RetroBackground
    #F2E9D8

Where this palette works

Vintage and nostalgia-driven brands

Mustard, rust, and avocado together are immediately legible as the era, more specific than a generic warm or earth-tone set.

Music, vinyl, and analog-adjacent products

The palette pairs with the broader visual language of album art and print design from the period.

Retro-themed events and campaign microsites

A recognizable, bounded palette works well for short-lived campaign pages that need to establish an era immediately.

Accessible pairings

Chocolate ink is the palette's text color, clearing AAA against both cream backgrounds. Mustard needs chocolate ink behind or in front of it; on its own it fails contrast against both white and a light cream.

Aa
Chocolate ink on cream retro
Contrast 10.16 : 1AAA
Aa
Mustard on chocolate ink
Contrast 5.43 : 1AA
Aa
Harvest cream on chocolate ink
Contrast 7.59 : 1AAA
EXPORT

Use these tokens

Copy as CSS custom properties or a Tailwind v4 @theme block.

:root {
  --palette-accent: #E3A018; /* Mustard */
  --palette-primary: #B5541D; /* Rust */
  --palette-highlight: #6B8E4E; /* Avocado Green */
  --palette-surface: #D9CBA3; /* Harvest Cream */
  --palette-text: #4A2E2A; /* Chocolate Ink */
  --palette-background: #F2E9D8; /* Cream Retro */
}

Frequently asked questions

Related palettes

Autumn palette

An autumn color palette built from maple red, pumpkin, and gold, with hex codes, accessible text pairings, and export-ready CSS variables.

Warm palette

A warm color palette built from burnt sienna, amber, and brick tones, with hex codes, accessible text pairings, and export-ready CSS variables.

Earth tone palette

An earth tone color palette built from umber, terracotta, and olive, with hex codes, accessible text pairings, and export-ready CSS variables.

Build on this palette

Generate a full shade scale and export to Tailwind, shadcn, or Figma Variables.

Generate a palette