Back to palettes

Palette

Mid-Century Fabric Pop

Reflects the iconic color combinations and sophisticated simplicity of mid-century modern textile designs.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mid-Century Fabric Pop reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Mid-Century Fabric Pop.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#008080#FFD700#B87333#4A4A4A#F5F5DC

Palette guide

How to use Mid-Century Fabric Pop

Overview

The Mid-Century Fabric Pop palette reflects the iconic color combinations and sophisticated simplicity of mid-century modern textile designs. This collection harmonizes deep teal #008080, rich gold #FFD700, and earthy copper #B87333 with grounding dark grey #4A4A4A and soft cream #F5F5DC. Designers and developers can leverage this palette to create authentic retro branding, elegant website interfaces, and products that evoke a sense of timeless style and quality craftsmanship. It's perfect for projects seeking a balanced blend of vintage charm and modern sophistication, much like classic geometric fabric patterns.

Best used for

  • Retro interior design and home decor branding
  • Vintage product packaging and artisanal goods
  • Textile and pattern design inspired by the 1950s/60s
  • Sophisticated website design for creative agencies
  • Branding for independent boutiques and craft businesses
  • Historical exhibition graphics and museum displays

Suggested color roles

primary

#008080 - A classic, deep teal, serving as a sophisticated foundation for main branding, large backgrounds, or key design elements.

secondary

#B87333 - A rich, warm copper-brown, ideal for adding warmth, texture, or supporting content blocks.

accent

#FFD700 - A bright, optimistic gold, perfect for highlights, calls to action, or decorative details that pop.

background

#F5F5DC - A soft, inviting cream, providing a warm and clean canvas that allows other colors to shine.

text

#4A4A4A - A versatile dark grey, offering excellent readability for primary body text on lighter backgrounds.

Accessibility notes

  • Ensure #4A4A4A text on #F5F5DC provides excellent readability, meeting WCAG AA or AAA standards.
  • #008080 or #B87333 can be used effectively for headings on the #F5F5DC background.
  • Avoid using #FFD700 for small body text due to potential low contrast on lighter backgrounds; best for accents and large elements.
  • Test all interactive elements to ensure clear visual distinction and hover states for accessibility.

Recommended combinations

Textile Harmony

A balanced, earthy combination of teal, brown, and cream for a sophisticated fabric feel.

#008080 · #B87333 · #F5F5DC

Golden Era

Highlighting gold with dark text on a cream background for elegance and clarity.

#FFD700 · #4A4A4A · #F5F5DC

Sophisticated Contrast

A striking combination of teal, gold, and dark grey for bold accents and strong visual impact.

#008080 · #FFD700 · #4A4A4A

CSS variables

:root {
  --mid-century-fabric-pop-1: #008080;
  --mid-century-fabric-pop-2: #FFD700;
  --mid-century-fabric-pop-3: #B87333;
  --mid-century-fabric-pop-4: #4A4A4A;
  --mid-century-fabric-pop-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mid-century-fabric-pop": {
        1: "#008080",
        2: "#FFD700",
        3: "#B87333",
        4: "#4A4A4A",
        5: "#F5F5DC",
      }
    }
  }
}

Related searches

mid-century modern fabric colorsretro textile palettevintage gold teal brownsophisticated 1950s paletteclassic design colors

Palette colors

Hex values

Color 1#008080
·
Color 2#FFD700
·
Color 3#B87333
·
Color 4#4A4A4A
·
Color 5#F5F5DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.4:1AA18
1.3:1Fail
1.9:1Fail
4.3:1AA18
2
3.4:1AA18
2.7:1Fail
6.3:1AA
1.3:1Fail
3
1.3:1Fail
2.7:1Fail
2.3:1Fail
3.4:1AA18
4
1.9:1Fail
6.3:1AA
2.3:1Fail
8:1AAA
5
4.3:1AA18
1.3:1Fail
3.4:1AA18
8:1AAA

Similar palettes

More like Mid-Century Fabric Pop

View all retro
Atomic Age Mod
Mid-Century Mod Comfort
Mid-century Sunset
Midcentury Lounge Vibes
Atomic Age Vibe
Cherry Malt Swirl