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.15 : 1AAA
Aa
Mustard on chocolate ink
Contrast 5.42 : 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 */
}

FAQ

Frequently asked questions

Mustard, rust, and avocado are the three colors most associated with 1970s interior and print design specifically; dropping any one shifts the set toward a generic warm or earth-tone palette instead of a period-specific one.

Avocado Green (#6B8E4E) reaches 3.75:1 against white, under the 4.5:1 AA text floor but above the 3:1 large-text and UI-component floor, so it works for headings, icons, and borders rather than body copy.

Autumn stays in the red-orange-gold range without green. Retro 70s adds avocado green as a required third hue, which is the specific combination that reads as the era rather than as a general warm season palette.

Related palettes

Build on this palette

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